Помогите разобраться в z-index

[oke11o]

Здравствуйте, помогите разобраться со свойством z-index для тега <img>.

Есть такая структура

<div class="map">
<img src="..."/>
<ul>...</ul>
</div>

Я прописал свойства:

.map ul {
   z-index: 10;
}
.map img {
   position: absolute;
   z-index: 1;
}

Но все равно картинка перекрывает список. Почему?

PS: Я знаю, что можно сделать картинку свойством background-image, просто хочется разобраться с z-index'ом.

[bot87]

потому что z-index только для absolute ))

задай для ul{position:absolute} и увидиш

z-index сравнивает индекс между аблолютами

Edited October 26, 2011 by bot87

[oke11o]

ААА. Ясно, спасибо.

[hedgehog]

к относительно спозиционированным элементам тоже можно применять z-index и при этом они не выпадают из потока

[oke11o]

Вот это особенно полезно. Спасибо. Теперь проблем с z-index не возникнет