IE7中的水平li显示为垂直

Question

我已经尝试了SO的一些调整和修复，以及在网上找到的其他一些帖子，但是我仍然无法获得此列表以在IE7中显示水平。

我已经用验证器检查了html和css，它是有效的，没有错误。

我已经在这里http://dogmatic69.com/tmp/test.html上剥离了与ul / li不相关的几乎所有内容

任何帮助，不胜感激，谢谢。

Answer 1

除非您需要显式浮动列表项，否则不需要。 使用display: inline;

Answer 2

IE 6和7不喜欢display：inline-block; 由于某些原因。

尝试使用下面的代码。 请注意，它可能会在现代浏览器中破坏它，因此请充分利用它，将其放在仅IE 6/7的CSS文件中。

<!--[if IE 7]>
    <style> li { display: inline-block; display:block; } </style>
<![endif]-->