Estoy maquetando un sitio. Una de las zonas correspondiente al banner se visualiza correctamente en todos los navegadores menos en Firefox. Debería verse así:
y se ve así en FF 3.6.3:
El trozo de html:
Código HTML:
<div id="port-estrenos" class="port-modulo" style="height: 432px">
<div class="banner" id="banner-mi"><img src="http://www.cdupuy.com/tves2/wp-content/uploads/2010/06/escenas-3-480x60.jpg" alt="escenas-3" />
</div>
Y el código CSS:
Código HTML:
/* Banners */
.banner {
background: #fffce4;
margin: 0 0 8px;
height: 60px;
}
#banner-si { /* Banner superior izquierdo */
width: 430px;
}
#banner-sd { /* Banner superior derecho */
width: 490px;
}
#banner-mi { /* Banner medio izquierdo */
width: 480px;
}
#banner-md { /* Banner medio derecho */
width: 440px;
}
#banner-ii { /* Banner inferior izquierdo */
width: 480px;
margin: 8px 0 0;
}
#banner-id { /* Banner inferior derecho */
width: 440px;
margin: 8px 0 0;
clear: both;
}
La URL del sitio es
http://www.cdupuy.com/tves2/
Y la de la hoja de estilos:
http://www.cdupuy.com/tves2/wp-conte...tves/style.css
De verdad no tengo idea de lo que está pasando. No es un error de php porque de lo contrario no se vería en ningún navegador. Tampoco de javascript porque ubiqué el módulo fuera del alcance del jquery que controla esa parte (sin éxito por supuesto). Si alguien logra ver algo por favor hágame saber, yo tiro la toalla con esta mierda.