Problema a:hover

[senseveu]

Hola chic@s.

Me gustaría saber por qué en la siguiente página, no me funciona el estilo que agrego a los enlaces para cuando paso el ratón por el enlace, se resalte el texto en rojo y se subraye:

http://www.espaidartfotografic.com/Joomla/index.php/formacion/workshops

Este es el estilo que tengo asignado al div correspondiente:

.contenedorfoto {
float:left;
width:290px;
height:205px;
margin:5px;
padding:2px;
padding-bottom: 50px;
text-align:left;
}

.contenedorfoto a {
text-decoration: none;
}

.contenedorfoto a:hover {
color: red;
text-decoration: underline;
}

No se qué problema hay. De hecho, en el programa que utilizo para editar CSS, el CSSedit, sí que me reconoce los cambios en el div, pero en el navegador no lo puedo visualizar.

Si sabéis qué pasa, os agradecería mucho vuestra respuesta.

Gracias de antemano.

Saludos.

[djaevi]

Proba con:

.contenedorfoto a img:hover {
color: red;
text-decoration: underline;
}

Esto deberia funcionar con las imagenes, si tambien quisieras hacerlo con los textos agrega

.contenedorfoto a span:hover {
color: red;
text-decoration: underline;
}

Saludos

[ocelnet]

Está escrito en el orden incorrecto, tienes que ponerlo de esta forma:

a.contenedorfoto:link {
text-decoration: none;
}

a.contenedorfoto:hover {
color: red;
text-decoration: underline;
}