Footer isnt displaying correctly?

[liunx]

I cant seem to understand why this footer doesnt sit right on my page it goes
right across for some reason? Unlike the header, which is what I want it to be like. the site is <!-- w --><a class="postlink" href="http://www.uwafc.com">www.uwafc.com</a><!-- w -->.

heres the html

<div class="clearboth"><!-- --></div>
<div id="footer">
<-- other code between these lines -->
</div>


heres the css:


#footer {
width: 100%;
background: #A40303 url("../images/bg_footer.gif") repeat-y top left;
text-align: center;
}

.clearboth {
clear:both;
height:0;
}I'm certainly no expert, but why don't you try this instead of having the extra class: (P.S. Link doesn't work so couldn't view page)

#footer{
clear: both;
width:100%;
height: 0; (Not sure, but maybe this should be "auto;")
background: #A40303 url("../images/bg_footer.gif") repeat-y top left; text-align: center;
}

<div id="footer">
<-- other code between these lines -->
</div>Actual Link: <!-- m --><a class="postlink" href="http://www.uwafc.com/uwafc/">http://www.uwafc.com/uwafc/</a><!-- m -->

#footer {
margin: 0 auto;
width: 807px; /* Only Rough Estimate */
background: #A40303 url("../images/bg_footer.gif") repeat-y top left;
text-align: center;
}