move div down page when content gets larger

Okay, I have a "footer" at the bottom of my page...how do I make that move own when the content above it is larger than the page?

I'm currently using a inpage scrollbar, but that doesn't look too atracitive...

I want to do this on every page - so not have a predefined position.

thanks.

 

What's the URL?

 

Without an example it's difficult to see exactly what you mean, but can't you use {clear: both;} for your footer div? This should ensure that it is always at the bottom regardless of what is above.

T

 

i think u have set ur overflow property so as to have inpage scroll bar. just remove that and remove the height property too. that will make it elastic.

 

Only if the above elements have been floated.

Otherwise position:relative; should do the job.