I'm working on a site that needs to have a dynamic content but also a background-image for the content.

I'm using hack(since IE6 doesn't support min-height funcion) like this:

#container {
position:relative;
width: 822px;
min-height:599px;
height:auto !important;
height:599px;
left:200px;
top:50px;
background-image:url(../img/content.jpg);
}

The content background image, has everything but the footer. The footer is like this:

#footer {
position:relative;
width:822px;
height:22px;
background-image:url(../img/footer.jpg);
background-repeat:no-repeat;
}

I want for the footer to move down when the content div is bigger. How can I do that?

Here is the sample: http://www.cervon.com/gustavs/libra_tmp/

I am doing something similar here (work in progress):
http://projecttravis.marylandmedia.com/

B/c of the background image, I need the main container to be a min-height but want it to grow as the content demands.

At my last company, we incorporated the exact same technique here:
http://www.imaginginfo.com/