IEの水平リスト：最後の要素は不思議にオフセットされています

Question

IE 9（と他のバージョン）が水平リストを正しく表示しないという問題があります。ご覧のとおり、一番右の要素が少し押し下げられます。

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のバージョンを使用していますが、それはこれらの項目で無効になっています今のところ。どんな助けもありがとうございます。ありがとう。

Answer 1

問題は、リストの周りのdivを削除することによって修正されました。ありがとう。