Problema hover

[ppnet]

Que tal, les tengo otro problema

Estoy construyendo el sitio http://www.pinchapasion.net/ppnet/

Tengo un div con un a href dentro del div que quiero que al pasar encima las letras pasen de gris a blanco, entonces en el css tengo esto:

Código:

.player2 {
	background:#141414 url(img/on.jpg) repeat-x;
	height: 24px;
	padding-left: 10px;
	line-height: 20px;
}

.player2 a {
	font-weight: bold;
	color: #999;
}
.player2 a:link {
	font-weight: bold;
	color: #999;
}
.player2 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
.player2 a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #999;
}
.player2 a:active {
	font-weight: bold;
	color: #999;
	text-decoration: none;
}

y el div es:

Código HTML:

<div class="player2"><a href="#"><img src="img/link_bg_gris.gif" width="5" height="5" border="0" /> Archivo de video</a></div> 

Por que no me cambia de gris a blanco al pasar el raton encima ??


Gracias !

[ppnet]

Aclaro: Solo en el Chrome no cambia de gris a Blanco

[alexk]

es que coge primero,

Código CSS:

.player2 a:visited {
color:#999999;
font-weight:bold;
text-decoration:none;
}
 

trata con

Código CSS:

div.player2 a:hover, .player2 a:hover {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
 

y cuentas

[ppnet]

Funciono amigo...

Muchas gracias !!