Необходимо создать футер фиксированной высоты на всю ширину, находяшийся строго в нижней части страницы.

Проблема в том, что при ниже указанном коде, футер стоит не на нижней границе сайта, а на нижней границе !!! видимой его области !!!.

Как исправить этот косяк.

Код:

\ расположен непосредственно в <body>

html { position: relative; width: 100%; height: 100%; }

body { color: black; background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-position: center top; position: relative; width: 100%; height: 100%; z-index: 2; margin: 0; }

.footer { background-image: url(../img/foot_lines.gif); background-repeat: repeat-x; position: absolute; left: 0; bottom: 0; width: 100%; height: 129px; z-index: 7; clear: both; }