Footer CSS Problem

on my website:

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


Try removing the width: 100% rule from your footer class.
Does that help any?

Oh thank you! It worked perfectly :slight_smile: