Почему Chrome ломает этот макет?

Question

См. http://www.arthwine.co.uk.

Это нормально работало в Chrome и прекрасно работает во всех других браузерах (afaik).Теперь по какой-то причине Chrome скрывает большую часть левой колонки (кроме медведя).Если вы посмотрите в другом браузере, есть панель с брендом и меню под медведем.

Я даже не могу понять, почему он это делает.Есть идеи?

Answer 1

Причина, по которой он ломается, из-за медведя. Или, скорее, из-за того, что вы относительно позиционируете изображение медведя за пределами каждого из его родительских элементов, кроме тела.

Это заставляет движок рендеринга chromes каким-то образом задыхаться в вашем макете.

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

Answer 2

Я проверил это в Chrome 9.0.597.98, и у меня была та же проблема. Решение, которое я нашел, состоит в том, чтобы добавить position:absolute; для #header.

Answer 3

Я не вижу ничего плохого в Chrome. Я вижу меню и брендинг.