Проблема спика в Safari и Chrome

[san4es_86]

День добрый! Проблема следущая. ПРи построении горизонтального списка с float: left в firefox,msi и opera, отображается корректно:

но в chrome и safari выдает такую бяку:

Конструкция списка html:

<div class="cpt_product_lists">

<ul >

<li>

</li>

</ul>

</div>

Css:

.cpt_product_lists ul {

list-style:none;

margin:0;

padding:0;}

.cpt_product_lists ul li {

float:left;

margin: 20px 8px 0 17px;

border: 1px dashed #666;

}

Реальный пример сайта: пример

Помогите пожалуйста, танцую с буном уже 4 час, менял конструкцию на li c inline-block, и на li с overflow:hidden, ни чего не помогает.

[Great Rash]

В вашем примере <li> в <li> вложен. Удивилеьно как в других браузерах работает...

И вообще, 61 ошибка. Сперва пофиксите, а там глядишь и проблема сама собой решится. Чую что-то где-то не закрыто, в частности meta-теги, может из-за этого все и ломается.

UPD: ну точно...

Line 63, Column 8: Opening and ending tag mismatch: meta line 24 and head

[psywalker]

ТС, сделай списки на кросс-дисплей-инлайн-блоках

Great Rash Я не понял твой пост, так как такого в коде у ТС не увидел, укажи строку или ткни носом короче

[Great Rash]

Я не в коде смотрел, а в девелоперской приблуде в Хроме (типа фаербага). Из-за неправильно закрытых тегов происходит ошибка при парсинге HTML и Хром с сафари пихает <li> в <li>. Закрывать надо теги в XML стиле, коли уж такой доктайп выбрали...

[psywalker]

Я не в коде смотрел, а в девелоперской приблуде в Хроме (типа фаербага). Из-за неправильно закрытых тегов происходит ошибка при парсинге HTML и Хром с сафари пихает <li> в <li>. Закрывать надо теги в XML стиле, коли уж такой доктайп выбрали...

Странно, в Файрбаге такого не заметил. Мне показалось, всё дело в флоатах

[Great Rash]

Естественно в фаербаге не заметил. Мозилла - очень плохой (или хороший, для кого как) браузер в смысле отношения к плохому коду. Она все огрехи фиксит на автомате (странно что ИЕ нормально отрендерил, видимо все дело в том, что он XML в принципе не понимает...), так что не очень опытному верстальщику кажется что все ок. А Хром и Сафари такие ошибки не пропускают (что имхо к лучшему) и начинают ломать верстку.