Problema con css en firefox

[fernandosg]

Aqui con un desorden de unas capas en firefox.
Desde mi mudanza a chrome, estuve trabajando en smf, para probar como era, e hice un cuadro para ingresar en la parte superior del foro, en chrome me queda algo asi:





Todo bien, sino hasta que decidi en probar modificaciones que le estaba haciendo a algunas funciones del smf, y quise checarlas en firefox, y cual fue la sopresa, de que unas capa (la que dice TU NOMBRE, y la siguiente, e incluso la parte de busqueda en la parte superior)estaban fuera de lugar



¿A que se debera?

La estructura esta asi:

Código:

<div id="cuadroinfo">
	<div id="cuadromenu">
	<div class="menuinfo">Menu</div>'; 
	if($context['user']['is_logged']) echo '
	<div id="perfil"><a href="', $scripturl, '?action=profile">' , Perfil, '</a></div>
	<div id="salir"><a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '">' , $txt[108] , '</a></div>
	<div id="perfil"><a href="', $scripturl, '?action=pm">' , MensajesPrivados , ' ', $context['user']['unread_messages'] > 0 ? '[<strong>'. $context['user']['unread_messages'] . '</strong>]' : '' , '</a></div>';
        if ($context['allow_admin']) echo'
	<div id="salir"><a href="', $scripturl, '?action=admin">' , $txt[2] , '</a></div>
	'; elseif($context['user']['is_guest']) echo '
	<div id="entrar"><a href="', $scripturl, '?action=login">' , $txt[34] , '</a></div>
	<div id="perfil"><a href="', $scripturl, '?action=register">' , Registrarse , '</a></div>'; echo '
	</div>
	<div id="cuadroestadisticas" class="estadisticasinfo">Actualmente hay un total de : 
	<div id="divisionposts">
	<div id="postname">mensajes</div>
	<div id="poststat">', $context['common_stats']['total_posts'], '</div></div>
	<div id="divisiontemas">
	<div id="temasname">temas</div>
	<div id="temasstat">', $context['common_stats']['total_topics'], '</div>
	</div>
	<div id="divisionusuarios">
	<div id="username">registrados</div>
	<div id="userstat">', $context['common_stats']['total_members'], '</div>
	</div>
	</div>
<div id="barraingreso">
<form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<input type="password" name="passwrd" size="10" id="datousuario" value=""/>
<input type="text" name="user" size="10" id="datocontraseña" value="tu nombre"/>
					</form>
</div>

Y el css de las respectivas capas son las siguientes :

Código:

#cuadroinfo{
width:550px;
height:180px;
background:url(images/fondoinfo.png);
float:left;
margin-left:350px;
}

#perfil{
width:100px;
height:18px;
float:left;
margin-left:15px;
margin-top:5px;
}

#salir{
width:100px;
height:18px;
float:left;
margin-left:15px;
margin-top:5px;
}

#cuadromenu{
width:200px;
height:100px;
margin-top:15px;
margin-left:15px;
float:left;
}

#cuadroestadisticas{
width:200px;
height:100px;
margin-top:15px;
margin-right:15px;
float:right;
}

.menuinfo{
width:100px;
height:18px;
float:left;
color:#356AA0;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;
}

.estadisticasinfo{
font-family: Cambria, serif;
font-size: 15px;
font-style: italic;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
color:#000000;
}

#divisionposts{
width:100%;
height:14px;
}

#divisiontemas{
width:100%;
height:20px;
overflow:visible;
}

#divisionusuarios{
width:100%;
height:14px;
overflow:visible;
}

#poststat{
width:30px;
height:12px;
float:right;
overflow:visible;
margin-left:50px;
}

#postname{
width:80px;
height:14px;
float:right;
margin-right:10px;
}

#temasstat{
width:30px;
height:12px;
float:right;
overflow:visible;
margin-left:50px;
}

#temasname{
width:80px;
height:14px;
float:right;
margin-right:10px;
}

#userstat{
width:30px;
height:12px;
float:right;
overflow:visible;
margin-left:50px;
}

#username{
width:80px;
height:14px;
float:right;
margin-right:10px;
}

#barraingreso{
width:550px;
height:30px;
float:left;
background:url(images/barraingreso.png);
margin-top:35px;
}

#datousuario{
width:85px;
height:18px;
float:right;
background:url(images/datoingreso.png);
margin-top:7px;
margin-right:7px;
}

#datocontraseña{
width:85px;
height:18px;
float:right;
background:url(images/datoingreso.png);
margin-top:7px;
margin-right:7px;
}

Gracias al que me pueda ayudar, por que en realidad, es algo molesto, que ya estaba acabando ciertas cosas programando funciones, y tenga errores en css :S