Css content streching pass main container

How can I make it so it automatically stretches vertically with content?

[Walley]

What can I do to allow the id=maincontainer to stretch vertically along with the content in id=content and shrink back to a set height if the content doesn't expand pass the height?

I've been using overflow, but don't want to use it anymore. The id=content can stretch pass the id=footer if there is too much content in id=content.

<div id="maincontainer">
<div id="header">
</div
<div id="content">
Content here will stretch pass footer and maincontainer if there is too much content.
</div>
<div id="footer">
</div
</div>

[edited by: Walley at 6:27 pm (utc) on May 1, 2009]

[nigassma]

I would say give #maincontainer a min-height of whatever you want. Don't give #content a set height at all.