Fluid Design Help Needed

I've been trying to get this to work in at least IE6, IE7, and FF2 with no luck. Here's what I'm looking for:

- 100% height/width, no window scrollbar (scales when browser is resized)
- a 'header', 'footer', and 'middle' section
- The footer and middle sections are dynamic tables which are scrollable when there is overflow
- When the browser is resized, the middle sections changes height and the header and footer stay the same. All sections resize width.

I guess that's pretty much it. It's going to be more of a web app then a web site. I can be done with either tables or divs, I don't really care. I actually might prefer a large table because I eventually want to make the sections (header, footer, middle) user re-sizable.

Anything is greatly appreciated. Thanks!

Here is a site to help with a fluid layout.

http://blog.html.it/layoutgala/

as far as the over flow tables, this code would work i imagine, i have to look at all of the code to see though


table {
overflow:scroll;
}

I ended up using javascript. It sets the height of the middle part based on the height of the header,footer, and browser window onresize. Thanks to:
http://www.peachpit.com/guides/content.aspx?g=webdesign&seqNum=279