CSS DIV Height 100% Problem

Jeg har et problem med at få højden på en div-block til at være 100 %. En Googling afslører at andre har haft lignende problemer, men mit problem lader til at være anderledes - i hvert fald løser body { height: 100%;} det ikke.

Problemet beskrives lettest ved at vise det grafisk: http://tolblog.com/test-div.html (se evt. kildekoden)

Den røde block tilhører klassen "page", og burde altså strække sig helt ned til den gule footer-block (og i princippet også omslutte denne.) "Page" har height: 100%, og den er selv parent - så hvorfor går den ikke helt ned? Den resterende afstand svarer nøje til højden på header-block'en, hvilket burde være et tydeligt hint, men åbenbart ikke nok til at jeg kan gennemskue problemet. Det er somom "page"-block'ens "height"-værdi fratrækker højden på "footer"-block'en?

Hvordan får jeg den røde "page"-block til at få en reel height på 100%?