You can try this; (changes in bold font)
.footer {
clear:both; overflow:hidden; height:100%;
background:url(images/footer.gif) no-repeat top;
font-size:1.2em; font-weight: bold;
line-height:1.5em; color:#c2c1c1;
}
.footer .width { width:1000px; margin: auto;}
…note the un-commented .footer .width properties – and I’m not completely sure, but I think the “float:center” value is useless. I don’t think it’s valid css. I think you can remove it with no ill effect, but you might want to confirm that.
Please test in several browsers. It works well in firefox, but I’m not sure if IE will comply as easily.