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

回答