Automatic DIV height to fill 100% screen height

[cranial-bore]

Hi all, I am trying my first 'real' CSS layout and as expected am missing some of the simplier things of tabular layout.

In this instance I want my main content div (which spans the width of the page) to be liquid height so that the whole page takes up 100% of the browser height. The other elements (navigation bar etc) are all fixed pixel heights.

With tables this was simple, you set the table height to 100%, specified fixed pixels heights of all table rows, except one, and it would automatically fill the height of the browser.
No such luck in CSS using DIVs. Without this functionality my pages jump from taking up the full browser height, to only half depending on how much content is on the page.

I can't set a fixed pixel height or a percentage height for my main DIV because it would not work with varying resolutions, and the other DIVs need to be pixel specific because they have bitmap elements.

CSS is great, but I wish it was finished

Any help would be much appreciated.