Linking Column Heights

[Minstrel]

So on a web site I'm working on, I have a three-column layout, floated divs. What I want is to assure that the center column will be at least as high as the right column (the center column could be higher, depending on the content), filling it out with "empty space" if necessary to achieve this (it has a background image, so it wouldn't actually be empty looking).

I want this to be true on every page of the site, but the content of the center column will vary in height from page to page, so I can't use a fixed height. It would be nice if the overflow property allowed for some sort of "push" or "force" value, to make the element large enough to display the content, but none of the current overflow values will work to let me use a fixed height.

Does anyone know how to accomplish this, to in some way link the height of the center column to that of the right column, so that the center column will be at least as high as the right column, but bigger if need be?

Thanks for any and all help.

[Shadowfiend]

If IE actually handled it, it sounds like what you're looking for is the min-height CSS directive. Unfortunately, like I said, IE doesn't handle that. There are probably hacks, though. Actually, I should correct myself: IE can do min-height, but only in fixed layout tables. Smooth.

Anyway, here's a good post on min-height.

[Minstrel]

Thanks, that's just what I was looking for!