Eléments qui disparaissent dans la fenêtre IE7 Redimensionner

Question

Je suis en train de coder cette page Web. http://www.nomizine.com/misc/tbs/default.html

Il rend bien partout sauf pour IE7. Lorsque je redimensionne la fenêtre du navigateur, la navigation du haut, la boussole à gauche et le bloc d'inscription sur la droite disparaissent.

Une idée de comment y remédier? BTW, j'ai déjà essayé des astuces HasLayout comme zoom: 1, clair: les deux etc mais rien ne semble fonctionner.

Answer 1

C'est ce qui a fonctionné pour moi .

#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

Je crois que le problème est le fait que la boussole est absolue, mais le conteneur positionné (td dans ce cas) n'est pas absolue ou relative .. positionné

puisque les éléments positionnés absolus sont positionnés par rapport à la le plus proche parent ou absolu parent positionné, il se pourrait que IE7 bousille en essayant de reclculate (en raison du redimensionnement) où placer cet élément ..

je vous suggère enroulez le #compass div avec un div qui a position:relative

[EDIT]

ok le coupable est la règle #header_bg dans le fichier css .. supprimez la position: relative et tout sera de retour à la normale :)

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