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

Я использую версию IE9 CSS3PIE для фоновых градиентов, но пока она отключена для этих элементов. Любая помощь приветствуется. Благодаря.

Answer 1

Проблема была исправлена ​​удалением div из списка. Спасибо.