При установке цвета фона прячутся картинки

[froland]

Есть 3-колоночнная вёрстка, смешанная.

Шапка - <div id="top">.

Затем слева и справа - таблицы шириной по по 200px, в середине - <div id="content">.

#content {position: relative; margin-left: 205px; margin-right: 205px;}

Проблема: когда решил покрасить средний блок (background-color: #ECEFFF;), то в IE все картинки в нём ушли на задний план. Пытался выставить им z-index: 100; - не помогает. Пробовал задать им position: relative; - появляются, но начинают уезжать влево, на таблицу. В других браузерах нормально.

[froland]

Убрал из стиля блока position: relative; и всё стало нормально. Однако хотелось бы понять, что же тут происходит. А возможно, меня теперь ожидают новые сюрпризы.

Edited April 28, 2010 by froland

[psywalker]

От ИЕ можно ждать всё, что угодно, ты лучше покажи скриншот того, что хочешь получить и ещё один скрин самой проблемы.

[slicemasta]

с уверенностью в 99% могу сказать что position: relative; можно было оставить, нужно было всего лишь правильно расставить z-index, но! если оно (position: relative;) вам явно не нужно то естественно выкидывайте.

[froland]

Проблему, кажется, решил, правда, заумно. Написал кучу подстилей, скрипт с переменными для распознавания браузеров и сгондобил вместо <div id="content"> вот такую фигню:

<!--[if IE]>
<div id="content">
<![endif]-->
<comment>
<script type="text/javascript">
if (Firefox)
document.write("<div id='content_moz'>")
else
document.write("<div id='content_b'>")
</script>
</comment>

Теперь втюхиваю это на все 39 страниц (там ещё и с вариантами).

Edited April 28, 2010 by froland