[css] Footer wil niet op bodem blijven plakken

EDIT: Ik geloof dat het goed is nu, zat te knoeien met overflow van de body tag enzo.


Mijn pagina is in css gemaakt met <div>jes

De <div id="footer"> wil niet onder aan de pagina blijven zitten. Hij past zich aan aan de lengte van de pagina die geladen wordt.

Hoe doe ik dit?
Ik heb het volgende al geprobeerd:

-position: absolute
-position: relative
-position: static

Testpagina