The webpage in question looks like this:
// The Header //
/* */
/* CONTENT */
/* */
// The footer //
Both the head
This example seems to show the most robust way to do this. Actually, it is a bit buggy in IE, because resizing goes wrong sometimes. Namely, when doing a resize from out of the lower right corner and just do a vertical resize by hand (quite hard to do sometimes), the page will not refresh in IE. I had the same problem with this and just fixed it with JS after all, because of other events on my web page.
http://www.xs4all.nl/~peterned/examples/csslayout1.html