How do I align a footer to the bottom?

[robin9000]

I would like to align my CSS footer the the bottom of my page but I am not sure who to do this

http://www.robinsden.110mb.com/menuscripts/index.shtml

On there you will see that the footer is refusing to go to the bottom of the page.


Here is the CSS page code for the footer.

@charset "utf-8";
/* CSS Document */

#footer {
font-family:Times New Roman;
font-size:10px;
clear : both;
height : 31px;
padding : 5px;
text-align:center;
vertical-align:super;
border-top : 10px solid #d2A93E;
background:url(../Images/footer.gif) repeat-x bottom}
a:link {
text-decoration: none;
text-shadow:#000000;
color:#000000}
a:hover {text-decoration:none;
text-shadow:#000000;
color:#FFFFFF}

[Snookerman]

I think you are looking for a "sticky footer", here is a great site to help you out:
http://ryanfait.com/sticky-footer/ (http://ryanfait.com/sticky-footer/)

Good luck!

[robin9000]

I took the sorce code from that page and implemented it into my footer css page but it did not seem to work?

I am very confussed at this point and not sure what to do?

It dose not want to work correctly, Why???