Footer GO DOWN!!

[TheFilmGod]

I finished making a template for my website. If the page is too short, to small in vertical size the footer is shifted up. It doesn't look too bad, so its not the end of the world, but it just won't stay down like it should. Is there a CSS rule that would make it GO DOWN!

 

This is the footer's rules:

 

#footermainPan{

height:85px;

background:url(images/footerbg.gif) 0 0 repeat-x #fff;

color:#010101;

clear:both;

padding:72px 0 0;

width: 778px;

margin:0px auto;

}

 

how could I make it GO DOWN?

 

Thanks in advance! Mucho mucho gracias! 

[ToonMariner]

position: absolute;

bottom: 0;

 

you will will probably need to have the footer as a child of the body tag and give teh body tag position: relative and give the html and body 100% height.

[jcombs_31]

ToonMariner, your solution works fine if the content never grows to the bottom of the page, otherwise the footer will overlap the content.  A solution is found here http://www.themaninblue.com/writing/perspective/2005/08/29/