html - First list item (<li>) floating right in google chrome -


I'm having problems with Google Chrome The problem is that the first list item's tablet is working fine, while all others The list item's bullet is correctly aligned left.

Here's my code:

  & lt; Div class = "window_sub_title2" & gt; Interface & lt; / Div & gt; & Lt; Ul & gt; & Lt; Li & gt; Toolbox & lt; / Li & gt; & Lt; Li & gt; Context menu & lt; / Li & gt; & Lt; Li & gt; Tool Options Bar & lt; / Li & gt; & Lt; Li & gt; Menu bar & lt; / Li & gt; & Lt; Li & gt; Palette well & lt; / Li & gt; & Lt; Li & gt; The ruler & lt; / Li & gt; & Lt; Li & gt; Guides & Grids & lt; / Li & gt; & Lt; Li & gt; Navigate in Photoshop & lt; / Li & gt; & Lt; Li & gt; Shortcuts & lt; / Li & gt; & Lt; Li & gt; File browser & lt; / Li & gt; & Lt; / Ul & gt;  

In Chrome it looks:

Here's the real.

This CSS solved the problem for me:

  li { Clear: left; }  

Comments