ie7 li 下 li 而不是等高

Question

在 ie7 中，我的表格的 li 被放置在另一个下方，而不是像所有其他浏览器一样位于同一行。

我应该在 li 或 ul 定义中添加什么，如果有帮助，我可能只为 ie7 添加不同的 css。

链接：

https://dl.dropbox.com/u/107452929/ie7/index.htm

Answer 1

问题似乎在于 Internet Explorer 只能将display: inline-block 应用于'自然'内联的元素。

对于 IE，解决方法似乎是改用 float:left。

虽然另一种解决方案似乎是为 IE 使用单独的条件包含 CSS：

<!--[if ie lte 7]>
    .liElementsClass,
    li {
        display: inline;
        zoom: 1;
    }
<![end if]-->

参考：

• 'display inline-block cross-browser solutions,' at Hanami Design。
• Quirksmode, compatibility table for display: inline-block。

Answer 2

尝试将display:block; 添加到您的<li>