Прозрачный 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;
}

Приведенный выше divs style.display настроен на «блокирование» с использованием javascript в выпадающих списках события onChange.

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

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

Спасибо

Answer 1

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

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

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

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

Answer 2

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