help with table formatiing

[jhogeterp]

I need help formatting tables. My problem is verticle height property in different browsers.

This is what I want to do:
Have one table hold the whole page. This table will hold three rows. The top row has a set height. The bottom row has a set height and always stays on the bottom. The middle row has a height of 100% to fill the rest of the page. Each table (or cell) has a background color.

The problem:
In safari (and so possibly other browsers) the middle row's height does not fill the space between the header and footer.

An example of what I want to do: www.reduxbooks.com/test1.htm
Any help would be greatly apprecited!!

[Kang He]

I would try this CSS first:

html,body {
	height: 100%;
}

But I'm not sure whether that'll work.

Is there any way I can use Safari on a Windows PC?