Проблема со стилем в IE и других браузерах

[Эдди]

Пожалуйста, помогите.

При наведении курсора на иконку рисунка показывается увеличенное его изображение.

Во всех четырех основных браузерах - нормально, Эксплорер, будь он неладен, делает все не так.

Что-то с z-index, наверное.

ПРоблема: первая картинка, когда увеличивается, подлазит под вторую картинку.

Вот пример: http://intomega.com/temp3.php

В других браузерах - все ОК: Мозилла, Опера, Сафари, Кром.

Вот стили, которые использую.

<style>

.hoverbox a .preview

{

display: none;

}

.hoverbox a:hover .preview

{

display: block;

position: absolute;

top: -35px;

left: -25px;

z-index: 1;

}

.list

{

display: inline;

margin: 10px;

padding: 10px;

position: relative;

}

</style>

[clavin]

Ваш код не будет работать на IE (в IE8 будет). Это из-за того, что IE действует не по стандарту и для элементов с position:relative; создаёт новый слой. Он создаётся для этих элементов в IE, даже если не указывать для них z-index

Можно про это почитать здесь

[Эдди]

Ваш код не будет работать на IE (в IE8 будет). Это из-за того, что IE действует не по стандарту и для элементов с position:relative; создаёт новый слой. Он создаётся для этих элементов в IE, даже если не указывать для них z-index

Можно про это почитать здесь

Так у меня IE9. Работать-то работает. Но первая картинка при увеличении подплывает под вторую.

[indysiteru]

Так у меня IE9. Работать-то работает. Но первая картинка при увеличении подплывает под вторую.

У меня IE9 не стоит. В IE8 проверил и та же фигня, что и в предыдущих версиях.

Здесь IE действует не по стандарту. Лучше вообще использовать другой способ без position:relative;. Как в вашем случае сделать всё кроссбраузерно я даже не знаю.

[Эдди]

Так у меня IE9. Работать-то работает. Но первая картинка при увеличении подплывает под вторую.

У меня IE9 не стоит. В IE8 проверил и та же фигня, что и в предыдущих версиях.

Здесь IE действует не по стандарту. Лучше вообще использовать другой способ без position:relative;. Как в вашем случае сделать всё кроссбраузерно я даже не знаю.

БЛН. Поищу другие решения. Не хотелось бы JS использовать.