IE7和IE8不會正確顯示我簡單的橫向CSS菜單

我有一個菜單，可以在除IE7和IE8以外的所有主流瀏覽器中使用。這裏是工作的菜單： http://jsfiddle.net/DtxWt/IE7和IE8不會正確顯示我簡單的橫向CSS菜單

然而，在IE7和IE8，它會顯示如下所示： http://imgur.com/gcByA

任何幫助，將不勝感激。謝謝！

2012-04-20 yellavon

nav是HTML5元素和IE7 & 8不理解HTML5。我相信IE會將你的HTML解釋爲<nav></nav><ul><li>...因此，你的CSS沒有被應用。你會想要使用像http://code.google.com/p/html5shim/這樣的東西來填補缺失的功能。

2012-04-20 22:48:47

謝謝。這解決了IE8。 IE7現在正在應用CSS，但菜單左對齊，而其他所有瀏覽器都正確顯示在中心。 – yellavon 2012-04-20 23:15:29

其實我之前說過的同樣的東西「你也可以用div #nav代替nav」但是確定.. – Chris 2012-04-21 09:59:38

其實Mike給了我一個更好的答案。我可以繼續使用HTML5語法並支持舊版瀏覽器，而不是將我的導航包裝在無意義的div中。 – yellavon 2012-05-04 00:26:00

display: inline-block與UL是沒有必要的，從我所看到的，讓它在塊，可能添加在CSS中<div class="clearer"></div>定義：.clearer: clear:left; 你也可以使用一個div #nav代替導航

2012-04-20 22:25:09 Chris

回答