Hola a todos, tengo un problema con los bordes redondeados usando css3PIE para Internet Explorer, exactamente en un menú de navegación para el evento de Hover y Active, mi codigo CSS es el siguiente:
#menu li a{
background:#2BB8D6;
display:block;
text-align:center;
text-decoration:none;
color:#fff;
line-height:30px;
padding:0px 25px;
margin-right:20px;
-Webkit-border-radius:4px;
-Moz-border-radius:4px;
border-radius: 4px;
behavior:url(PIE.htc);
position:relative;
}
#menu li a:hover{
color:#FFFFFF!important;
background-color:#1267BC!important;
display: block;
-Webkit-border-radius:4px;
-Moz-border-radius:4px;
border-radius: 4px;
behavior:url(PIE.htc);
position:relative;
}
#menu li.active a{
color:#FFFFFF!important;
background-color:#1267BC!important;
display: block;
-Webkit-border-radius:4px;
-Moz-border-radius:4px;
border-radius: 4px;
behavior:url(PIE.htc);
position: relative;
}
Funciona perfecto en Chrome y Mozilla pero en ie no, en ie solo funciona el estado de reposo con bordes redondeados pero al pasar el mouse encima las esquinas ya son rectas y el estado active también permanece con esquinas rectas.
Si importa en algo el menu lo estoy aplicando en Joomla.
Muchas gracias a todos por sus respuestas, hasta pronto.
