LI在IE7中伸展到整個頁面的寬度，但在Chrome中很好。

Question

我創建了一個包含在t div中的菜單。當在Chrome中運行時，菜單顯示效果很好，但是IE7中的所有LI項都被拉伸了。我只是無法理解這一點。

樣品可在http://jsfiddle.net/uMASt/找到。頁面在jsfiddle上正確加載，但不在我的硬盤上

謝謝！ Ian

Answer 1

因爲當它在jsfiddle上正確加載時，即使在IE7中，我也不可能看到發生了什麼問題，我只能給它一個希望的合格猜測...... IE7過着它自己的生活，有時需要一些額外的屬性，IE只有屬性以星號開頭。

嘗試添加* zoom：1; *顯示：內聯;你的李元素，見下文。

#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; 
    }