Casi todos los divs de la página están con bordes redondeados y sombra via CSS3, para el Explorer solvento este problema con pie.htc y funciona bastante bien:
Código:
El problema viene cuando la imagen ocupa todo el div. Si esta imagen va mediante css como el ejemplo de arriba, no hay problema, se redondean las esquinas sin problemas, el tema viene si la imagen va directamente en el código html.cajaLittleBanner{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(pie.htc); -webkit-box-shadow: 2px 2px 5px #e0e0e0; -moz-box-shadow: 2px 2px 5px #e0e0e0; box-shadow: 2px 2px 3px #e0e0e0;width:274px;height:100px;background:url(rutaImagen.jpg) no-repeat;}
Código:
En este caso, al poner en las css de #etiqueta un overflow:hidden; el problema se soluciona en firefox, opera, mozilla, y todos los navegadores del universo menos el que ya sabemos.<div id="etiqueta"><img src="imgRuta" /></div>
[CODE]#etiqueta{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(pie.htc); -webkit-box-shadow: 2px 2px 5px #e0e0e0; -moz-box-shadow: 2px 2px 5px #e0e0e0; box-shadow: 2px 2px 3px #e0e0e0; overflow:hidden;}
Alguna idea???
Muchas gracias