[Björn]

div#footer {height: 100px; position: absolute; bottom: 0;}

Detta är problemet. det övriga är inga problem. Det går bara att få den att ligga mot botten oavsett så att säga, genom att använda tabeller eller javascript. Kör tabeller om det är ett måste är min inställning.

I övrigt
Lägg alla tre i en wrapper div med fast bredd. Wrappern ska bara vara där för att centrera allt och för att hålla dem rätt i sidled alltdå bredden ska vara fast på den.

Sen float left clear both på alla de indre divvarna, samt fast höjd på headern och footern men inte mittendivven. Detta kommer få den undre divven att ligga dikt an mot botten sålänge content i mittendivven är mer än webbläsarens höjd.