IE7和IE8不会正确显示我的简单水平CSS菜单

Question

除IE7和IE8外，我在所有主流浏览器中都有一个菜单。这是工作菜单： http://jsfiddle.net/DtxWt/

然而，在IE7和IE8中，它将显示如下： http://imgur.com/gcByA

任何帮助将不胜感激。谢谢！

Answer 1

nav是HTML5元素，IE7＆amp; 8不懂HTML5。我相信IE正在将您的HTML解释为<nav></nav><ul><li>...因此，您的CSS未被应用。您需要考虑使用类似http://code.google.com/p/html5shim/的内容来填充缺少的功能。

Answer 2

带有ul的{p> display: inline-block没有必要从我看到的，让它在块 并且可能添加在css中定义的<div class="clearer"></div>：.clearer: clear:left; 您也可以使用div #nav而不是nav