В Google Chrome содержимое находится в нижней части страницы, а не в FF

Question

Если вы посмотрите на сайт в Firefox, все будет выглядеть нормально, и нижний колонтитул будет придерживаться дна. Однако в Google Chrome нижний колонтитул прилипает к нижней части, но содержимое уходит под него, если окно недостаточно велико.

Я провел последние три часа, пытаясь это исправить, я был бы очень признателен, если бы кто-нибудь знал решение.

Вот сайт: http://rawonline.com.au/clarkwindows/service.html

Answer 1

Измените #footerWrap CSS на это:

#footerWrap {
    height: 277px;
    background: url(images/footerbg.png) left 277px repeat-x; /* AMEND THIS */
    width: 100%;
    float: left;
    padding-top: 277px; /* ADD THIS */
}

* РЕДАКТИРОВАТЬ *

Хорошо, в таком случае, что вынужно сделать
Переместить <div class="push"> в <div id="wrapper">
и изменить .push на:

.push {
    height: 277px;
    clear: both;
}

Кроме того, добавьте position: relative в wrapper и footerWrap