Problemas con A:hover

juanleonardo · #1 (**permalink**) 04/10/2014, 09:44

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.

webosiris · #2 (**permalink**) 04/10/2014, 11:59

yo lo veo o más bien... debes e tener otro código que lo está sobrescribiendo.

metalfox6383 · #3 (**permalink**) 04/10/2014, 15:22

Para ver si aun código lo sobreescribe, utiliza el inspector de elementos en los navegadores Chrome y Firefox.