Elemente verschwinden auf IE7 Fenster Resize

Question

Ich entwickle diese Webseite. http://www.nomizine.com/misc/tbs/default.html

Es macht auch überall, außer für IE7. Wenn ich das Browserfenster, Top-Navigation die Größe, den Kompass auf der linken Seite und abonnieren Block auf der rechten Seite verschwindet.

Jede Idee, wie man es beheben? Übrigens, ich habe bereits versucht hasLayout Tricks wie Zoom: 1, klar. Beide usw., aber nichts scheint zu funktionieren

Answer 1

Das ist was für mich gearbeitet.

#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

Ich glaube, das Problem ist die Tatsache, dass der Kompass absolut positioniert ist, aber der Behälter (die td in diesem Fall) ist nicht absolut oder relativ positionierte ..

, da die absoluten positionierte Elemente in Bezug auf die nächsten relativ oder absolut positionierter Eltern positioniert sind, könnte es sein, dass IE7 bis verunstaltet, wenn sie reclculate (aufgrund der Größe ändern) versuchen, wo dieses Element zu setzen ..

ich würde vorschlagen, dass Sie die #compass div mit einem div wickeln, die position:relative

hat

[EDIT]

ok ist der Schuldige #header_bg Regel in der CSS-Datei .. nur die Position entfernen: relative und alles wird wieder normal sein :)

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