Que tal, bueno el tema es mas o menos asi, tengo hecho un diseño en css que posee un contenedor (div) que armo para colocar otro div (dentro del anterior) donde ira una imagen y luego mas abajo de esa imagen otro donde contendrá un menu. El problema se encuentra en firefox, pasa que le doy un padding de 10px arriba y otro de 10px hacia abajo, cosa que quede como un marco y adentro los div de la imagen y del menu, pero firefox pareciera que me duplica el pading de arriba (o sea 20px) y abajo no le da nada. Cosa que en internet explorer si lo hace perfecto. Alguna idea? Pongo el código css.
/*------------CONTENEDOR DONDE ADENTRO IRA LA IMAGEN Y EL MENU---*/
#marco_menu{ width:780px; height:auto; background:#666699; padding: 10px 0px 0px 0px; margin:0px 10px 0px 10px; }
/*------------------------IMAGEN Y MENU HORIZONTAL---------------------------*/
#marco_menu_horizontal{ width:600px; height:30px; background-color:#000000; margin: 0px 0px 10px 0px; }
#imagen_flash { background:#FFFFFF; height:160px; width:760px; margin:0px 0px 10px 10px; }
HTML!!!
<!--------------------------------------------------------------------->
<div id="marco_menu"><!--MARCO-MENU-->
<!--IMAGEN-FLASH-->
<div id="imagen_flash">
<p>Imagen Flash</p>
<p> </p>
<p> </p>
</div>
<!--IMAGEN-FLASH-->
<div id="marco_menu_horizontal">
</div>
</div>
<!--MARCO-MENU-->