Veo que lo solucionaste pero te lo explico igual
En Firefox ocurre que los elementos flotantes no influyen en el flujo del contenido, es decir, no rellenan, por lo que hay que colocar un elemento que despeje todo. Generalmente se le llama "clearfix" aunque le podes poner cualquier nombre, como limpia, despeja, estira... :p
.clearfix {clear:both;}
y en el html, después de los elementos que tengan float poné
<div class="clearfix"></div>
con esto alcanza
Aprende a crear siempre esa clase para reutilizarla siempre, ya que puedes necesitarla varias veces en muchos proyectos.
Saludos!