Veréis, tengo el siguiente código HTML:
Código HTML:
<div class="estilo_container"> <div class="estilo_caption estilo_tituloDiv"><img src="foto.jpg" class="estilo_imagen_casa"> Titulo</div> <div class="estilo_caption">sub titulo</div> <div class="estilo_caption estilo_tituloContenido">Contenido</div> <div class="estilo_caption estilo_tituloContacto">Contacto</div> </div>
Código:
Este código funciona bien tanto en Internet Explorer como en Chrome, no obstante, si lo intento visualizar en Firefox únicamente me aparece el contenido del título..estilo_container { display: table; width:392px; border-collapse: collapse; } .estilo_caption { display: table-caption; padding: 0.5em; border-top: 1px solid #000;border-left: 1px solid #000; border-right:1px solid #000;} .estilo_tituloDiv {background-color:#999900; } .estilo_tituloContenido {background-color:#FFFFCC; } .estilo_tituloContacto {background-color:#CCCC00; } .estilo_imagen_casa { vertical-align:middle; margin-right:15px;}
¿Alguna idea?
Un saludo