Hola, arielcasanova.
Este tema se ha tratado muchas veces en este foro, el problema es que uno no sabe por qué término buscar para encontrarlo, porque deconoce el problema.
La cosa es que en firefox las cajas no crecen según su contenido sin más (y es de hecho la forma correcta de hacerlo). Para crecer, necesita que haya un corte al final del texto (o lo que sea), como una especie de salto de línea.
Se soluciona de esta manera:
-añade a tu css esta clase
.corte { clear: both;}
- en el html, añade un div vacío con esa clase donde termine el texto, justo encima de dónde empieza el pie, es decir, aquí:
<div class="corte"></div>
<div id="pie">
Con esto se solucionará tu problema (espero).
Por otro lado, en realidad es explorer quien no sabe interpretar la propiedad min-height (lo comento para "quinqui", que seguramente por un lapsus lo decía al revés), por eso hay que hacer otras cosas como lo del important, que ya has usado tú, aunque algo desordenado.
Mikel.