第一个列表项(<li>)浮动在Google Chrome中

Question

我有谷歌chrome的问题.问题是第一个列表项的项目符号是浮动的,而所有其他列表项的项目符号在左侧正确对齐.

这是我的代码:

 <div class="window_sub_title2">The Interface</div>          
 <ul>
     <li>Toolbox </li>
     <li>Context Menus </li>
     <li>Tool Options Bar </li>
     <li>Menu Bar </li>
     <li>Palette Well </li>
     <li>Rulers </li>
     <li>Guides and grid </li>
     <li>Navigating in Photoshop </li>
     <li>Shortcuts </li>
     <li>File  Browser </li>
 </ul>

这就是它在chrome中的外观:http://www.flickr.com/photos/41695354@N08/4807767137/

这是实际的链接.

Answer 1

这个CSS解决了我的问题:

li {
    clear:left;
}