Capas diferentes Firefox -Internet Explorer

[ohdude]

Hola resulta que tengo el header de una web , en Internet Explorer todas las capas y elementos estan centrados perfectamente , pero cuando veo en Firefox , las mismas estan mas a la izquierda.
Le escribo porque me gustaria que pudiera dejar las capas de Firefox Iguales a las de Internet Explorer en cuanto al posicionamiento.

Este es el codigo del archivo tpl :

Código:

<div class="header"><div class="header_text"><p>Call us: [phone] | [email protected]</p>
              </div>
			  <div class="menu"> <a href="index.php">Home</a> <a href="content.php?a=about_us">About Us</a>    
  {if $global.member_id>0}<a href="logout.php">Log Out</a>  
  {else}<a href="signup.php">Sign up</a> {/if} <a href="content.php?a=rules">Rules</a> <a href="content.php?a=faq">Faq</a> <a href="contact_us.php">Contact Us</a> </div>
		      </div>

Y este es el codigo del archivo CSS que corresponde al archivo tpl :

Código:

@charset "utf-8";
body { margin:0; padding:0; background: none; width:100%; background:#fafbfb url(images/bg.gif) top repeat-x;}
.clr {clear:both;}

/* main */
.main {width:900px; padding:0; margin:0 auto; }

/* header */
.header {
	width:900px;
	padding:0;
	height:auto;
}
/* header_text */
.header_text {
	height:auto;
	width:270px;
	margin:0;
	padding:0;
	border:none;
	float:left;
	overflow: auto;
}
.header_text p { font: normal 11px Arial, Helvetica, sans-serif; color:#8a8a8a; padding:60px 0 0 20px; margin:0;}
/* menu */
.menu {
	width:593px;
	float:left;
	height:auto;
	margin-top: 56px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	overflow: auto;
}

[sanxuan]

En mi ordenador coinciden pixel por pixel en Explorer y en FireFox. Si tuvieses la página subida la red y añadieses el enlace sería más facil ver el problema.
Saludos.