Hola, me encuentro con un error (según yo) que no le encuentro la lógica.
Veamos, tengo un contenedor que tiene un margin-top de 50px.
Dentro de aquel un div#top y dentro de éste último un div#nav.
Deseo que el div#nav esté 9px separado del extremo superior del div#top, por lo que le coloqué un margin-top de 9px.
Ok, en IE se ve como yo considero que se tendría que ver, mas no en FF.
Les dejo un
ejemplo autoexplicativo para que lo vean funcionando.
Jueguen con FF con los siguientes valores:
margin-top= 40 (da lo mismo que lo hagan de 0 a 50)
position= inherit
margin-top= 100 (para exagerar y que se note el comportamiento)
position= inherit
¿vas entendiendo? Aparentemente el margin-top (de div#nav) no tiene efecto alguno hasta superar al margin-top de div#contenedor (50px, en este caso). Una vez superado esos 50px, absolutamente todo se desplaza esa cantidad hacia abajo!
La solución que le encontré fué ponerle position absolute a div#nav. Y funciona.
So, la cuestión es... ¿por qué demonios pasa eso????? :)
Nos vemos