Elementos que desaparecen en la ventana de cambio de tamaño IE7

Question

Estoy codificar esta página web. http://www.nomizine.com/misc/tbs/default.html

Se hace así en todas partes excepto para IE7. Cuando cambio el tamaño de la ventana del navegador, navegación superior, la brújula de la izquierda y suscribirse bloque de la derecha desaparece.

¿Alguna idea de cómo solucionarlo? Por cierto, ya he intentado trucos hasLayout como el zoom: 1, claro:. Tanto, etc, pero nada parece funcionar

Answer 1

Esto es lo que funcionó para mí.

#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

Creo que el problema es el hecho de que la brújula es absoluta posicionado pero el contenedor (la td en este caso) no es absoluta o relativa posicionado ..

ya que los elementos posicionados absolutos se posicionan en relación con el padre posicionado relativo o absoluto más próximo, podría ser que meta la pata IE7 cuando se trata de reclculate (debido al cambio de tamaño) dónde colocar este elemento ..

Yo sugeriría que se coloca el div #compass con un div que tiene position:relative

[EDIT]

bien el culpable es el gobierno #header_bg en el archivo css .. basta con retirar la posición: relativa y todo será de nuevo a normal :)

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