ie7 li在li下而不是相同的高度

Question

我的桌子的li在一个位于另一个之下的ie7中，而不是像所有其他浏览器一样放在同一行。

我应该在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>