dynamic height of div elements

I'm having problem in getting div elements to scale dynamically....

basically the site looks like this

<div id="head">HEAD</div
<div id="mainbody">
<div id="menu">MENU</div>
<div id="content">CONTENT</div>
<div id="rightcol">RIGHT COLUMN</div>
</div>
<div id="footer"></div>


ok, it's more complicated than this, but I think if I can get it to work here I can adapt it to my site...

the problem is: menu, content and rightcol have different backgrounds, and I want them to scale so that all three columns are the same height (always the height of the longes element).

Does anybody have a resolution for this?

http://www.alistapart.com/articles/fauxcolumns/ or the javascript method http://bonrouge.com/br.php?page=fixH

thx, a lot, the Javascript solution worked like a charm for me :thumbsup: