Div nie dochodzi do końca strony

[stream]

Witam,

Mam pewien problem otóż:

http://s16.postimage.org/7l47vn6bn/problem.jpg

Jak widać na obrazku, div na dole nie dochodzi mi do końca strony, natomiast na górze dochodzi.

Góra to po prostu tło strony:

Kod: Zaznacz cały

body {
background: #fff url(images/bg.png) repeat-x;
}

Natomiast dół to zwykły div z ustawieniami:

Kod: Zaznacz cały

.bgfooter {
height: 282px;
background: url(images/bgfooter.png) repeat-x;
}

Plik bgfooter.png to plik z tym paseczkiem na dole. Div z tą klasą należy jest zawartością diva o id #footer:

Kod: Zaznacz cały

#footer {
width: 100%;
}

Także z teoretycznego punktu widzenia powinno dochodzić do końca strony, ale niestety tak nie jest. Nie wiem czy na innych przeglądarkach jest tak samo ale na Firefox Nigthly tak.

Dzięki za pomoc z góry.

[janusz.zacharek]

Być może odstęp ten wynika z odziedziczenia marginesów lub dopełnienia lub po prostu z nie wyzerowania ich wartości na początku dokumentu styli css.
Spróbuj tak:

Kod: Zaznacz cały

.bgfooter {
margin:0;
padding:0;
height: 282px;
background: url(images/bgfooter.png) repeat-x;
}

Jeśli div .bgfooter jest dzieckiem diva #footer to wtedy wyzeruj dopełnienie i marginesy #footer.

Pozdrawiam.