Почему в хроме элементы li сваливаются под друг друга, а в Firefox нет?

Делаю бегущую строку с картинками на этом сайте. В Firefox, Opera и даже IE проплывают все 22 картинки,

40c290750aa140d690bff69b01e48c8c.png

а в Chrome видно всего 5, остальные почему-то стоят не в ряд за теми что видно, а проваливаются вниз на новую строку.

5fecc4f96cc64f9e847341a09327494c.png

Если у элементов .tickercontainer и .mask убрать свойство height, то в первых 3 браузеров ничего не меняется, а в хроме видно, что блок выглядит вот так

67ea0de31e1c4850b1a4817fc0e09429.png

Чую, что все можно решить парой css-свойств, но уже два часа не могу найти в чем проблема.
  • Вопрос задан
  • 2666 просмотров
Решения вопроса 1
@GreatRash
Вместо float: left; сделать display: inline-block;, а для ul написать white-space: nowrap;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы