Как добиться одинакового отображения элементов в Chrome и Mozilla?

Question

[CraSS]

Chrome

Mozilla

Можно заметить, что элементы списка в Мозилле переносятся на новую строку как-то странно, т.е. когда есть место для букв, почему-то идет перенос на новую строку. В Хроме же все Ок.

Насколько я понимаю, за сам вид списка отвечает div class=«inform» в css для этого inform задано display:table;
Я перепробовал gjxnb все свойства display, но так ничего и не добился. Почти правильно получается с display:inline-table;

Но тогда получается

так

В общем, буду признателен за помощь.

PS: ни разу не верстальщик, поэтому заранее прошу извинить, если вопрос глупый.

PPS: В живую на это безобразие можно глянуть тут.

Answer 1

[Malyw]

А еще лучше уберите у этого же правила свойства:
clear: both; float: left;
Они там явно не нужны.

Answer 2

[Malyw]

Добавьте для
.block.stream ul.list li{ width: 100%; }
иначе, поскольку он флотнут, он растягивается по ширине внутреннего контента, что по разному интерпретируется в FF и Chrome

Comments

[CraSS]

Большое спасибо! Помогло.