IE中的頁眉DIV圖層位置錯誤

Question

我在使用IE與我的網站兼容時遇到了一些問題。我目前有它停在http://www.verdasconews.com/tiago而我測試的一切。我喜歡確保我與主流瀏覽器兼容。它在Firefox，Chrome，Opera & Safari中看起來很好，但在IE中，我遇到了標題/內容div層的問題。

這裏是什麼樣子，在IE http://i.stack.imgur.com/GOaSX.png

樁和邊欄內容都出現在其他瀏覽器的方式重疊的頭時，就應該下夾着，截圖。

這是定位的CSS：

/* ------ layout ------------------------ */ 

wrapper { 
background:url(img/back2.png) no-repeat center top; 
} 
contents { 
width:959px; 
margin:0 auto; 
text-align:left; 
} 
header { 
background:url(img/top.png) no-repeat bottom; 
height:160px; 
} 
middle-contents { 
background:url(img/side.png) repeat-y; 
padding-bottom:50px; 
} 
left-col { 
float:left; 
display:inline; 
width:584px; 
margin:0 0 0 5px; 
} 
right-col { 
float:right; 
display:inline; 
width:330px; 
margin:15px 5px 0 0; 
} 
footer { 
background:url(img/bottom.png) no-repeat top; 
height:114px; 
margin-bottom:50px; 
} 

，這就是我的頭定位

/* ------ header ---------------------- */ 
logo_image { 
margin:6px 0 0 4px; 
float:left; 
display:inline; 
} 
logo_image h1 { 
margin:0; 
padding:0; 
} 

不知道標題是完全正確的，因爲我問過誰想到朋友這可能是問題，谷歌搜索引導我到這裏。我不是一個編程專家，但我希望有人能解決這裏可能出現的問題。如有必要，我可以提供完整的CSS。謝謝你在前進

Answer 1

您可以通過刪除高度修復：從160的#header，同時也刪除浮動：左和顯示：內聯從#logo_image