LI在IE7中拉伸到整个页面宽度，但在Chrome中很好

Question

我创建了一个包含在tdiv中的菜单。在Chrome中运行时，菜单显示良好，但在IE7中拉伸了所有LI项

我只是无法理解这个。

可以在 http://jsfiddle.net/uMASt/找到样品。页面在 jsfiddle 上正确加载，但在我的硬盘上无法正确加载

谢谢！伊恩

Answer 1

由于即使在

IE7 中，当它在 jsfiddle 上正确加载时也不可能看到出了什么问题，我可以给它一个希望合格的猜测......IE7 有自己的生活，有时需要一些额外的属性，IE 只有属性以星号开头。

尝试添加 *缩放：1; *显示：内联;到你的 li 元素，见下文。

 #menu li {            
        display:block;
        float:left;
        border-top:1px solid #CCC;
        text-transform:uppercase;
        width:auto;
        *zoom:1;
        *display:inline;
    }
    #menu li a {
        padding: 10px 15px 10px 25px;
        display:block;
        height:50px;
        text-decoration:none;
        color:#FFF;
        *zoom:1;
        *display:inline;
    }