Изменение размера элементов, исчезающих в окне IE7

Question

Я кодирую эту веб-страницу. http://www.nomizine.com/misc/tbs/default.html

Он хорошо рендерится везде, за исключением IE7.Когда я изменяю размер окна браузера, верхняя навигация, компас слева и блок подписки справа исчезают.

Есть идеи, как это исправить?Кстати, я уже пробовал трюки с hasLayout, такие как zoom: 1, clear: both и т.д., Но, похоже, ничего не работает.

Answer 1

Это то, что сработало у меня.

#header_bg{
            background: url(../images/header_bg.png) no-repeat center top;
            height:100%;
            margin:0 auto;
            position:relative;
            text-align:center;
            width:100%;         
    }

Answer 2

Я полагаю, что проблема заключается в том факте, что компас расположен в абсолютном положении, но контейнер (в данном случае td) не расположен в абсолютном или относительном положении..

поскольку элементы с абсолютным расположением расположены относительно ближайшего относительного или родительского элемента с абсолютным расположением, может случиться так, что IE7 ошибается при попытке повторно указать (из-за изменения размера), куда поместить этот элемент..

я бы посоветовал вам завернуть #compass div с a div это имеет position:relative

[ПРАВИТЬ]

хорошо, виновником является #header_bg правило в файле css..просто уберите позицию: относительная, и все вернется в норму :)

#header_bg{
   background: url(../images/header_bg.png) no-repeat center top;
   /*position:relative;*/
 }