Elementi che scompaiono su IE7 finestra di ridimensionamento

Question

sto codifica questa pagina web. http://www.nomizine.com/misc/tbs/default.html

Si rende bene ovunque tranne che per IE7. Quando ho ridimensionare la finestra del browser, la navigazione in alto, la bussola a sinistra e sottoscrivo blocco sulla destra scompare.

Qualsiasi idea di come risolvere il problema? BTW, ho già provato i trucchi hasLayout come zoom: 1, chiaro:. Sia ecc, ma nulla sembra funzionare

Answer 1

Questo è ciò che ha funzionato per me.

#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

Credo che il problema è il fatto che la bussola è assoluta posizionato ma il contenitore (TD in questo caso) non è assoluto o relativo posizionato ..

poiché gli elementi posizionati assoluti sono posizionati in relazione al genitore posizionato relativa o assoluta vicina, potrebbe essere che IE7 scombina quando si cerca di reclculate (dovuto al ridimensionamento) dove mettere questo elemento ..

vorrei suggerire si avvolge il div #compass con un div che ha position:relative

[EDIT]

ok il colpevole è la regola #header_bg nel file css .. è sufficiente rimuovere la position: relative e tutto sarà tornato alla normalità :)

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