Div no se centra en Firefox

[JamalDols]

Hola, resulta que tengo un div que en un footer, que va perfecto en Chrome y Safari, pero no en Firefox.

HTML:

Código:

<div id="footer"> <!-- HTML5 footer tag -->


	<section id="fcolumns">
		<section id="followus">
		     <h3 class="white">siguenos en</h3>
		     
		    
		    	 <a href="#">
		    	 	<img class="imalo" src="<?php bloginfo('template_directory'); ?>/images/icons/Facebook.png">
				</a>
				
				<a href="#">
		    	 	<img class="imalo" src="<?php bloginfo('template_directory'); ?>/images/icons/Twitter.png">
				</a>
				<a href="#">
		    	 	<img class="imalo" src="<?php bloginfo('template_directory'); ?>/images/icons/Linkedin.png">
				</a>
				<a href="#">
		    	 	<img class="imalo" src="<?php bloginfo('template_directory'); ?>/images/icons/RSS.png">
				</a>
				

		</section>
		<section id="archive">
			<h3 class="white">Archivo</h3>
			<ul class="archive">
				<?php wp_get_archives('title_li'); ?> 
			</ul>

		</section>
		
		<section id="aboutus">
			<h3 class="white">About us</h3>
			<ul class="aboutus">
				<?php wp_list_pages('orderby=name&title_li'); ?>
			</ul>


		</section>

	</section>
    	

</div>

Y el CSS es este:

Código:

#footer{ 
padding: 0;
height:190px;
margin-top: 150px; 
background-image: -webkit-gradient(
    linear,
    left bottom,
    right bottom,
    color-stop(0, #274A51),
    color-stop(0.5, #40654D),
    color-stop(1, #274A51)
);
background-image: -moz-linear-gradient(
    left center,
    #274A51 0%,
    #40654D 50%,
    #274A51 100%
);

}


#fcolumns {
width: 800px;
margin: 0 auto !!important;
height: 175px;
padding: 0px;
clear: left;
border: 1px solid white;
}

#followus {
width: 210px;
float: left;
}

#followus img{
margin-left: 10px;
margin-top: 6px;
}

#archive {
width: 230px;
margin-left: 50px;
float: left;
}

#aboutus {
width: 205px;
margin-left: 50px;
float: left;
}

Alguna idea? Porque creo que lo he intentado todo :(

Muchisimas gracias de antemano.