Помогите решить проблему с z-index

[Mila]

Суть вот в чем: есть рамка - #frame,

и есть блок изображений, который должен находиться под рамкой - #img_box

Проблема заключается в том, что блок изображений с упорством, достойным лучшего примерения, отображается сверху.

Вот HTML:

	  <div id="frame">
			<div id="img_box">
					 	<a href="" rel="bookmark">
						   <img src="" alt="Что такое Lorem Ipsum?">
					  </a>

					 	<a href="" rel="bookmark">
						   <img src="" alt="Что такое Lorem Ipsum?">
					  </a>

					 	<a href="" rel="bookmark">
						   <img src="" alt="Что такое Lorem Ipsum?">
					  </a>				   
			  </div>
	</div>

ССS:

#frame {
	position: relative;
	float: left;
	width: 276px;
	height: 758px;
	background:url('/images/frame.png') no-repeat;
	z-index: 100;
}
#img_box { 
	position: absolute; top: 108px; left: 58px;
	width: 140px;
	height: 607px;
	z-index: 1!important;
}
#img_box img {
	position: relative;
	margin: 0 0 111px 0;
	clear: both;
	z-index: 1!important;
}

Помогите, пожалуйста, решить эту проблему.

[psywalker]

1. Покажи скриншот на выходе.

2. Попробуй z-index: -1;

[Mila]

http://s013.radikal.ru/i322/1102/d9/8688c5d58e3c.jpg

z-index - не работает

[SelenIT]

Тут рамка - позиционированный родитель img_box-а, поэтому в ней создается своя "стопка" (stacking context), а z-index самой рамки лишь поднимает всю эту "стопку" целиком над остальной страницей. Опустить потомка ниже родителя можно разве что отрицательным z-index'ом, но без гарантии кроссбраузерности. По-хорошему, лучше сделать рамку отдельным элементом и разместить его на одном уровне с img_box-ом.

[Mila]

Спасибо, попробую.