IE7正在打破我的菜單

Question

我對CSS很不錯，但不知道爲什麼我的菜單被IE7銷燬。在我測試的所有其他瀏覽器中看起來都很完美。第一個圖像鏈接是正確的。第二個圖像鏈接是它在IE7中的樣子。

http://www.asingularcreation.com/Forums/download/file.php?id=8368&mode=view/ie8+.jpg http://www.asingularcreation.com/Forums/download/file.php?id=8367 &模式=視圖/ ie7.jpg

這裏是頁：http://www.asingularcreation.com/calls-to-artists.php。任何幫助將不勝感激。

Answer 1

您不需要浮動（或清除）菜單容器。它看起來像是導致IE7錯誤地計算寬度，這會迫使菜單在子菜單下向下流動。

<div style="height:40px; line-height:40px; float:left; clear:both"><!--Main Menu --></div> 

刪除浮動和清除屬性可修復IE7中的顯示，並且仍然可以在Chrome和IE8和IE9中使用。

示例頁面中有很多內聯樣式，因此如果可能的話，我還會考慮將CSS移動到外部文件中。