Having problems with DIV height=100% (CSS, XHTML)

Hello all,

I am having some frustration here with some div's..

I have a three column page with each column a div. I want all three columns to stretch to the bottom of the tallest of their neighbors. So if column three has a lot of text, I want columns one and two to hit the bottom on the canvas where column three does.

This is not happening. I am using the CSS property height:100% but its (it being both IE and Mozilla)

OK here is a link (see for yourself):
URL

For your convenience, here is a link to the CSS file used for layout:
URL

Really pulling my hair out trying to get this to work. I would love to do it this way, the "Web Standards" way, instead of using Tables (which would easily eliminate this stupid problem with each of these three columns being a cell on the same row).. SURELY there has to be a way to get this to work using div's!

Thanks for any help!
Reuben

The same questions seem to come in batches See this, http://www.positioniseverything.net/