Прозрачный GIF в IE6 дисплеях ЗА содержание

Question

У меня есть DIV так:

<div id="pop" class="pop_komm"> 
    <img src="Graphics/list_updated.gif"> 
    </div> 

Это CSS:

.pop_komm { 
    position: absolute; 
    z-index: 20; 
    height: 52px; 
    width: 208px; 
    left: 660px; 
    display:none; 
    top: 247px; 
    zoom:1; 
} 

выше дивы style.display установлен в "блок" с помощью JavaScript в раскрывающихся списках событияChange.

Отображается «pop» div и изображение в нем, но проблема в том, что изображение отображается за содержимым. Это происходит только в IE6 (еще не тестировали IE7 или 8). Другие браузеры показывают это нормально.

Изображение представляет собой прозрачный GIF, который, я думаю, может иметь какое-то отношение к нему. Любые идеи, как это решить?

Thanks

Answer 1

У IE есть некоторые неприятные проблемы с z-index.

Значение по умолчанию для стиля position: position:static;. Это значение не участвует в заказе z-index, что означает, что элементы, в которых вы не указали стиль position, не могут быть слоистыми, как вы ожидаете.

Решение состоит в том, чтобы добавить position:relative; к любым элементам, которые неправильно ведут себя - то есть к элементам, которые накладываются над изображением.

Надеюсь, что это поможет.

Answer 2

Добавить позицию относительно изображения?