元素在IE7窗口上消失調整大小

Question

我正在編寫此網頁。 http://www.nomizine.com/misc/tbs/default.html

除IE7外，它呈現得很好。當我調整瀏覽器窗口的大小時，頂部導航，左側的指南針和右側的訂閱模塊消失。

任何想法如何解決它？順便說一句，我已經嘗試了像放大：1，清除：兩者等HasLayout技巧，但似乎沒有任何工作。

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

我相信這個問題是事實，指南針是絕對的位置，但在容器（在這種情況下，TD）不是絕對或相對定位的..

因爲絕對定位的元素定位在相對於最近的相對或絕對定位的父，這可能是因爲IE7試圖reclculate時弄亂了（由於調整大小），其中把這個元素..

我建議你換行#compass DIV與div有position:relative

[編輯]

確定的罪魁禍首是在CSS文件#header_bg規則.. 只是刪除位置：相對的，一切都會恢復正常:)

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