Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/10/2012, 12:33
juanita_col
 
Fecha de Ingreso: julio-2009
Mensajes: 66
Antigüedad: 14 años, 9 meses
Puntos: 0
Problema con border-radius en IE y css3PIE en evento hover y active

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.