Footer not cooperation

Okay, got another problem, different project.
I’m working on a site (here’s the test): [URL=http://atlantacarvers.tripod.com/]http://atlantacarvers.tripod.com/[/URL] with 2 columns, header & footer. I’ve got the columns & header like I want, but the footer is not stretching across all the way. There’s a gap on the right even though the padding is to 0. I was hoping one of you gurus could spot my error!

Here’s the pertinent css:

body{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
line-height: 1.166;
margin: 0px;
padding: 0px;
background: #ffffff;
text-align:center;
}
#container{
width: 98%;
padding: 0px;
background-color: #ffffff;
text-align: left;
margin-left: auto;
margin-right: auto;
border: #660000 solid 3px;
}
#masthead{
margin:0;
height: 150px;
width:100%;
background-image:url(woodbg.jpg);
border-bottom:#660000 solid 10px;
text-align: left;
}
#left{
float: left;
width:23%;
padding: 10px 10px 20px 20px;
background-color: #FFFFFF;
font-size: 13px;
font-weight: bold;
color: #660000;
font-family: Arial, Helvetica, sans-serif;
}
#content{
float: right;
width: 63%;
margin: 0px;
padding: 0px 20px 20px 0px;
}
#footer{
clear: both;
width:100%;
height: 30px;
border-top: 15px solid #CC9933;
font-size: small;
color: #cccccc;
padding: 20px 0px 10px 0px;
margin: 0px;
text-align: center;
background-color: #330000;
}

Thanks so much! (And I welcome any comments/criticism.)

Also in #CSS _↴