IE水平列表：最后一个元素神秘地偏移

我有一个问题，其中IE 9（也许其他版本）没有正确显示我的水平列表。正如你所看到的，最右边的元素被推下了一点。IE水平列表：最后一个元素神秘地偏移

HTML：

<div id="contentBlock"> 
    <ul id="Bubbles"> 
     <li id="First">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip... 
     </li> 
     <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip... 
     </li> 
     <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip... 
     </li> 
     <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip... 
     </li> 
    </ul> 
</div>

CSS：

ul#Bubbles li { 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    margin:0px; 
    margin-top:6px; 
    margin-left:6px; 
    padding:5px; 
    background: #444; /* for non-css3 browsers */ 
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); /* for webkit browsers */ 
    background: -moz-linear-gradient(top, #555, #333); /* for firefox 3.6+ */ 
    background: linear-gradient(#555, #333); 
    background: -ms-linear-gradient(#555, #333); 
    -pie-background: linear-gradient(#555555, #333333); 
    float:left; 
    width:225px; 
    height:250px; 
    font-size:12px; 
    padding-top:3px; 
    list-style-type:none; 
    display:inline; 
    position:static; 
    /*behavior:url(PIE.php);*/ 
} 

#Bubbles { 
    width:956px; 
    margin:0px; 
    display:inline; 
} 

ul#Bubbles li#First { 
    margin-left:0px; 
    width:223px; 
} 

#contentBlock{ 
    height:270px; 
}

我使用CSS3PIE的背景梯度的IE9版本，但在这些项目被禁用目前。任何帮助表示赞赏。谢谢。

来源

2011-08-05 mikebolt

在IE9中测试，它看起来很好。 http://jsfiddle.net/yJX54/2/。这可能表明该问题存在于您网页上的其他地方。 – tw16

http://jsfiddle.net/eCJGx/，我不能repro这可能意味着问题是在您的网页上的其他地方。 – thirtydot

该问题已通过删除列表中的div来解决。谢谢。

来源

2011-08-06 00:28:44 mikebolt

IE水平列表：最后一个元素神秘地偏移

回答

相关问题