html – 第一个列表项(>)浮动在谷歌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/的外观

这是link的实际.

解决方法

这个css解决了我的问题：

li {
    clear:left;
}