Footer - CSS/HTML

[manjuice]

I need help creating a footer.

This is my CSS code:

#footer{
padding:0px;
margin:0px;
background-color:#202126;
color:#fff;
border-bottom: 1px solid #dbd4d4;
border-top: 1px solid #dbd4d4;
text-align:center;
}

This is my HTML code:

<div id="footer">
<font size=-2>&copy;2007 tchan_4</font>
</div></center>

The problem is, the footer is appearing at the top of the page and not at the bottom, how do you fix this?

Thanks

 

[manjuice]

I'll give you a better idea of what it looks like.
http://tchan4.com/

I want the '©2007 tchan_4' part to show at the bottom...

 

[manjuice]

Is there any way I can absolute position the footer to be always under my right column, no matter how big it gets?