Código CSS:
Ver original
.contnot{ border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border: 1px solid #ef211d; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; overflow: hidden; vertical-align: middle; background: #E4E4E4; -moz-box-shadow: 3px 3px 4px #ef211d; -webkit-box-shadow: 3px 3px 4px #ef211d; box-shadow: 3px 3px 4px #ef211d; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ef211d')"; /* IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ef211d'); }
En IE superior a 8 funciona los bordes redondeados, en IE8 el fondo con sombra funciona pero no los bordes.
He probado a poner en la ultima linea
behavior: url(PIE.htc);
pero lo que pasa es que la sombra se pone en el texto y desaparece el fondo con sombra.
Como puedo hacer para que funcione correctamente en IE8, los bordes redondeados.
Gracias