Помогите с оформлением колонки. Проблема с наслоением z-index

[alinalessioYandex]

Нужно чтобы в левой или правой колонке, между блоками class="box" вставлялась подложка.

Выглядеть должно вот так:

 

Для этого в html добавил блок после каждого блока class="box", который имеет свой background и который должен быть под слоками class="box"

 

Получилось так:

<div id="column-left"><div class="box">Первый блок</div><div class="bg-sidebox"></div><div class="box">Второй блок</div><div class="bg-sidebox"></div></div>

CSS:

.box .box-content {	background: url('../image/bg-sidebar2.png') repeat-y;	margin-top:-20px;	z-index:100;	{.bg-sidebox {	width: 215px;	height: 40px;	margin: -30px auto -20px;	background: url(../image/bg-sidebar.png);	z-index: 1;}

Вот скрин как у меня получилось:

 

В CSS для блока .bg-sidebox я задаю меньше z-index, но он все равно перекрывает .box-content

 

Как правильно поступить, чтобы .bg-sidebox оказался снизу и верхнего блока и нижнего?

[pashast]

А толку выставлять z-index для .box-content ?

Нужно выставлять для родительского .box