Any help with this?

My footer won't go to the bottom of the page:

bestbluesguitarlessonsonline dot com


This is my CSS code for the footer:



#footer-outer
{
float: left;
margin:0 auto;
clear: both;
height:60px;
width:900px;
position: relative;
bottom: 0px;
top: max-height;

}




#footer-inner
{
float:left;
width:900px;
margin:0 auto;
font-size:0.8em;
padding:10px 15px 15px 10px;


}

Hope anyone can help me out.

Thanks