Hola, buenas.
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>
Con su correspondiente código CSS:
Código:
.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;}
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.
¿Alguna idea?
Un saludo