div "przyklejony" do dołu strony Opcje

[Seraph]

witam,
stworzyłem diva z tłem, które jest umieszczone na dole strony. Wszystko działa w porządku dopóki strona ma wysokość 1 okna, kiedy jest większa, to tło po prostu zostaje w miejscu, a tekst na innej warstwie jedzie dalej w dół.

fragment kodu wygląda tak:

[HTML] pobierz, plaintext 
#bgdown {
background: url(img/szyna-down.gif);
width: 500px;
height: 50px;
position: absolute; bottom: 0px; right: 0px;
}
[HTML] pobierz, plaintext 

Jest to umiejscowione na innej warstwie, całość wygląda tak:

[HTML] pobierz, plaintext 
<div id="main">
<div id="bgtop">
</div>
<div id="tresc">
</div> 
<div id="bgdown">
</div>
</div>
[HTML] pobierz, plaintext