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

Question

I am having problem with google chrome. The problem is the first list item's bullet is floating right and all other list item's bullet aligned correctly at left.

Plz help. Any help will be appreciated

EDIT 1

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

This is how it looks in chrome : http://www.flickr.com/photos/41695354@N08/4807767137/

EDIT 2

here is the actual link. plz check in chrome http://www.dreamcaptureanimation.com/test/courses.php

Answer 1

Use CSS to manually override all the defaults of spacing and padding of the bullets.

Answer 2

CLEAR:LEFT for <li> 

Solved my problem. Thanks all for your efforts