title: First list item (<li>) floating right in google chrome
body: <p>I am having problem with google chrome. The problem is the first list item's bullet is floating right while all other list item's bullet aligned correctly at left.</p>
  
  <p>Here is my code:</p>
  
  <pre><code> &lt;div class="window_sub_title2"&gt;The Interface&lt;/div&gt;          
   &lt;ul&gt;
       &lt;li&gt;Toolbox &lt;/li&gt;
       &lt;li&gt;Context Menus &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;Rulers &lt;/li&gt;
       &lt;li&gt;Guides and grid &lt;/li&gt;
       &lt;li&gt;Navigating in Photoshop &lt;/li&gt;
       &lt;li&gt;Shortcuts &lt;/li&gt;
       &lt;li&gt;File  Browser &lt;/li&gt;
   &lt;/ul&gt;
  </code></pre>
  
  <p>This is how it looks in chrome : <a href="http://www.flickr.com/photos/41695354@N08/4807767137/" rel="noreferrer">http://www.flickr.com/photos/41695354@N08/4807767137/</a></p>
  
  <p>Here is the actual <a href="http://www.dreamcaptureanimation.com/test/courses.php" rel="noreferrer">link</a>.</p>