Центрирование элементов и background.

[DmitryG]

Подскажите, пожалуйста.

Есть следующий простенький код:

<div class="wrapper">
<div class="InnerWrapper">
	 Blablabla
</div>
</div>

И цсс к нему:

.wrapper {
height:100px;
width:100%;
background: #eee;
}
.InnerWrapper {
margin:0 auto;
height:100px;
width:400px;
background:#3D6AA2;
}

При этом, все работает как нужно, див с blablabla центрируется. Но мне нужно сделать так, чтобы при фиксированной ширине внутреннего дива, слева от него был такой же цвет. Думаю, не очень понятно написал, но другими словами мне нужно чтобы бэкграунд с внутреннего дива шел от начала страницы, но контент его центрировался посредине страницы. Для наглядности приложу скриншот в спойлере.

Я пробовал делать бекграунд картинкой и ковыряться с background-position, но на разных размерах мониторов не всегда все хорошо.

Код можно модифицировать как угодно, включая js.

Спасибо.

[npofopr]

можно 3 дива сделать наверно

<div></div>
<div>
   <div></div>
</div>