Hola estoy intentando hacer un div con los bordes redondeados y el fondo con sombra.
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