Элементы, исчезающие при изменении окна IE7

Question

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

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

Любая идея, как исправить это? BTW, я уже пробовал трюки HasLayout, такие как zoom: 1, clear: both etc, но ничего не работает.

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

Я считаю, что проблема заключается в том, что компас является абсолютным, но позиционируются контейнер (ТД в данном случае) не является абсолютным или относительным позиционированным ..

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

я хотел бы предложить вам обернуть #compass DIV с div, который имеет position:relative

[EDIT]

нормально виновник #header_bg правило в файле CSS .. просто удалить позицию: относительная и все будет вернуться к нормальной жизни :)

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