Problema con Firefox y el margin-top (ayuda!)

[nachopro]

Bueno, tengo un problema con FireFox:

Mi página tiene un div General, dentro de él uno con el Encabezado.
Dentro del Encabezado tengo otro div que oficia de MenuPrincipal.

El Encabezado tiene un alto de 120px. Al MenuPrincipal lo sitúo con un margin-top: 90px; o, lo que es lo mismo, margin: 90px x x x; y pasa lo siguiente:

Si el Encabezado tiene un border: 1px... o superior, todo anda genial.
peero yo no quiero que Encabezado tenga border, entonces le comento esa linea o le pongo border: 0; y ... se me desfaza todo:

Es decir, el Encabezado baja la altura que se indicó en MenuPrincipal con respecto del General y/o body quedando a la par de MenuPrincipal, ya que este bajó lo que le correspondía... pero no respecto a Encabezado sino a General!!

les dejo unas capturas:

Funcionando bien:


Funcionando mal:

[KnowDemon]

Hola,

¿Has probado sustituir el borde de un pixel por un "padding" de un pixel?

Hasta donde puedo reconocer, el comportamiento que tiene tu elemento es el correcto segun las reglas CSS. Si. Es un comportamiento extraño. Pero los elementos se comportan de forma diferente con o sin borde/"padding" cuando tienen elementos con margen como hijos, y estos a su vez son adyacentes a los bordes de su padre (en este caso, el borde superior). Experimenta con un modelo sencillo y veras a que me refiero.

Espero que esa sea la solución a tu problema.

[nachopro]

Bueno, lo que hice en realidad fue usar padding y margin negativo :P

pueden verlo en http://nachopro.com.ar/ ;) gracias !