IE7中的水平li显示为垂直

Question

我已经尝试了一些来自SO的调整和修复，以及网上发现的其他一些帖子，但我仍然无法让这个列表在IE7中显示水平。

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

我已经删除了几乎与ul / li无关的所有内容http://dogmatic69.com/tmp/test.html

非常感谢任何帮助，谢谢。

Answer 1

除非你需要明确地浮动列表项，否则不要。使用display: inline;

Answer 2

IE 6＆amp; 7不喜欢显示：inline-block;由于某些原因。

尝试使用以下代码。请注意它可能会在现代浏览器中破解它，所以请使用它将它放在IE 6/7中仅CSS文件中。

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