Непонятная проблема с Firefox CSS

Question

Только что заметил странную проблему с рендерингом страниц в Firefox и задался вопросом, может ли кто-нибудь увидеть проблему здесь явно.

Извините, это немного иголка в ситуации со стогом сена, но все, что у меня есть, это URL сайта и css, чтобы дать вам!

http://nitrous -networks.co.uk / webdev / css здесь http://nitrous -networks.co.uk / WebDev / CSS / style.css

Если вы загружаете в Chrome, Safari, Opera - это хорошо, но Firefox отображает средний блок контента на половине экрана! Если вы посмотрите его в другом браузере, вы увидите, как он должен отображаться, а затем просмотрите в Firefox, и вы заметите разницу !!

Так что любой свет, который вы могли бы пролить на этот конкретный вопрос, был бы оценен!

Обновление прогресса: в строке 489 CSS я нашел отклонение "перед закрытием}. Как только я удалил это, стили применены правильно, однако расположение моей страницы ul.home все еще находится за пределами экрана.

Answer 1

до сих пор не мог понять, почему именно Firefox рендерил div 960px дополнительно вправо, однако я временно применил это исправление

@-moz-document url-prefix() { div.homepage {left:-960px;}}

, это будет противодействовать дополнительным 960px в Firefox только

Answer 2

Попробуйте опустить overflow:hidden в строке 482 в styles.css ... Не знаю почему, но выглядит немного лучше ...