CSS driller - baggrund bliver ikke i bunden

Jeg har et problem...

Har lavet nogle div'er med designelementer, der gerne skulle holde sig i bunden af vinduet altid.

Det er også korrekt placeret, når man åbner siden i browseren, men er indholdet højere end browservinduet og man scroller ned, så bliver de i den position de havde fra starten, og følger ikke med ned i bunden.
- Er der en måde, hvorpå jeg kan få dem til altid at blive i bundkanten?


sitet: www.bindustri.com

HTML:

<div id="ekstra">
    <div id="ekstra1">&nbsp;</div>
    <div id="ekstra2">&nbsp;</div>
    <div id="ekstra3">&nbsp;</div>
</div>
CSS:

#ekstra1 {position: absolute; left: 0; bottom: 0; width: 100%; height: 375px; background: url(../images/bg-2560x375.png) bottom center no-repeat; }
#ekstra2 {position: absolute; left: 20px; top: 0; width: 180px; height: 100%; background-image: url(../images/sojle-2.jpg);}
#ekstra3 {position: absolute; left: 0px; bottom: 10%; width: 225px; height: 153px; background-image: url(../images/bisgaard_post-it.png); }