Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/10/2014, 09:44
Avatar de juanleonardo
juanleonardo
 
Fecha de Ingreso: agosto-2007
Mensajes: 382
Antigüedad: 16 años, 8 meses
Puntos: 0
Problemas con A:hover

Buen dia, tengo el siguiente codigo.

Código HTML:
body  {
	background: #000;
	margin: 0px;
	padding: 0px;
}
	
a {
	text-decoration:none;
}
a:link, a:visited {
	text-decoration:none;
	color: #FFF;
	/*color: #F00;*/
}
a:hover  {
	text-decoration: none;
	color: #F00; /*COLOR ROJO*/
	background: #666;
}
Pero la propiedad background de a:hover no toma el color q le pongo, es mas, cuando paso por encima de un enlace ni siquiera se pinta de rojo, pero al sacar la propiedad background recien se pinta de rojo.

Esto pasa solamente en IE.

El codigo html es el siguiente:

Código HTML:
<body>
	<div id="Main">
		<!--Header-->
        <div id="Header">
            <div id="Menu">
                <ul>
                    <li><a href="#">HOME</a></li>
                    <li><a href="#">BIOGRAFIA</a></li>
                    <li><a href="#">AGENDA</a></li>
                    <li><a href="#">GALERIA</a></li>
                </ul>        	
            </div>
        </div> 
Gracias por la ayuda.

Última edición por juanleonardo; 04/10/2014 a las 09:51