IE7頭部錯誤導航了3px

我的網站標頭在大多數瀏覽器中都顯示正常，但在IE7中測試時。IE7頭部錯誤導航了3px

在IE7中，您可以看到深藍色的#nav div在與淺藍色標題一致時運行的線條。是否有一個原因？

要查看IE7去IE9> F12兼容模式

我的報頭是整體109px：

#header { 
    height: 109px; 
    width: 800px; 
}

甲66px高度圖像爲上述開始標誌，然後43px高度DIV #nav。爲什麼當43 + 66 = 109px時戳出來？

#nav { 
    background-color: #0071A7; 
    height: 43px; 
    position: relative; 
    width: 800px; 
}

2012-05-06 Ben Aidley

爲你的IMG類，嘗試添加顯示：塊; ？ –

該圖像應該是一個CSS背景圖像，而不是''元素.... –

@Shadow_boi這就是解決方案。把它放在你的答案中（*代替當前的答案）。 –

編輯：

你也可以把圖像作爲CSS背景圖像中的#header，而不是元素....

速戰速決是，加頂：-3px來定位IE7。不是最好的做法。

#nav{ 
    position: relative; 
    *top: -3px; 
}

2012-05-06 18:52:32

回答