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]-->