on my website: http://projecttownmedia.com/dev/index.php

The div.footer extends beyond all the wrapper. It scrolls left and right which I don't want.

heres the CSS for the footer

.footer {
background-color: #222222;
padding-top: 20px;
padding-bottom: 20px;
color: #FFFFFF;
width: 100% ;
padding-left: 30px;
overflow: hidden;
margin-left: auto;
margin-right: auto;

}

I know its the footer div and not the container thats in it.
btw I'm using twitter bootstrap

Thanks in advance