Need help on my footer…

Hi guys,

I don’t know why the page is expending on my footer.. What should I do?

Here is the code of my footer:

<!– Footer –>
<div id=”footer”>

</div>
<!– /Footer–>

</div>

and here is the part of my css:

/* Footer */

#footer {
margin: 0 auto;
width: 869px;
height: 900px;
color: #ffffff;
font: bold 12px “Century Gothic”, Century Gothic;
}

#footer a {
color: #ffffff;
text-decoration: underline;
}

#footer a:hover {
text-decoration: none;
}

/* Footer – Footerbar */

#footer #footerbar {
width: 869px;
height: 180px;
padding-top: 17px;
}

#footer #footerbar h3 {
font: bold 12px “Century Gothic”, Century Gothic;
color: #ffffff;
padding: 0 0 25px 15px;
}

#footer #footerbar ul {
margin: 0;
padding: 0 0 0 15px;
list-style-type: none;
}

#footer #footerbar ul li {
font: bold 12px/26px “Century Gothic”, Century Gothic;
color: #ffffff;
padding-left: 8px;
background: url(“images/footer_menu.gif”) no-repeat;
}

#footer #footerbar ul li a {
color: #ffffff;
text-decoration: none;
}

#footer #footerbar ul li a:hover {
text-decoration: underline;
}

/* Footer – Footerbar – Boxes */

#footer #footerbar #footerbar-left {
width: 249px;
padding: 0 17px 0 10px;
float: left;
}

#footer #footerbar #footerbar-center {
width: 273px;
padding: 0 14px 0 11px;
float: left;
}

#footer #footerbar #footerbar-right {
width: 264px;
padding: 0 14px 0 16px;
float: left;
}

/* Footer – Copyright */

#footer #copyright {
width: 869px;
text-align: center;
line-height: 42px;
}

Please help me to get my footer fit to the page at any new post…