Первый элемент списка (<li>) плавает прямо в Google Chrome

Question

У меня проблема с Google 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;
}

Answer 2

li {
list-style-position: inside;
}

работал на меня!

Answer 3

Используйте CSS, чтобы вручную переопределить все значения по умолчанию для пробелов и отступов от пуль.

Answer 4

Фон для этого можно найти здесь, в отчетах об ошибках с тестовым примером здесь . Это происходит только в том случае, если к блоку применено float:left. Рекомендуемое исправление - сделать clear:left;, но вам может потребоваться быть осторожным с таргетингом, чтобы случайно не очистить элементы, которые не содержат ошибок (например, меню).

Answer 5

Я столкнулся с такой проблемой. Я исправил это, сделав это. Пожалуйста, внимательно ознакомьтесь со стилем кода. Я надеюсь, что это поможет вам.

<ul>
     <li>Toolbox </li><li>
         Context Menus</li><li>
         Tool Options Bar </li><li>
         Menu Bar </li><li>
         ------ 
        File  Browser </li>
 </ul>