вопросы Rendering под Firefox

Question

Под Chrome это так и как это предполагают, чтобы быть:

Однако под светлячок он идет так:

Here is a link to see it link

У кого-то есть ссылка на страницу, где объясняются различия между навигацией торы и их исправления?

Answer 1

Заменить max-width: 70% по width: 70% в этом селекторе:

#miniMenu img { width: 70%; } 

Смотрите этот пост на SO объяснения вопроса о Firefox с максимальной шириной объектом: Image mysteriously ignoring max-width in Firefox & IE

Особенно тезисами строки из @Boris Збарского ответа:

У вас максимальная ширина: 100%, но 100% чего? Из родительской ширины, вправо? Но родитель является встроенным блоком (с классом = «спонсором»), ширина которого не установлена, поэтому его ширина зависит от детей, а в - от предпочтительной ширины детей.

Макет этого стиля не определен в спецификации CSS. В особенность, внутренняя ширина детей в этом случае зависит от ширины родителя, которая, в свою очередь, зависит от внутренней ширины детей . См. http://www.w3.org/TR/CSS21/visudet.html#shrink-to-fit-float для соответствующего текста спецификации и отметьте все бит «не определяет».