Hay un error en este código:
Código:
<style>
a.link{color:black}
a:hover{color:red}
a:visited{color:black}
a:active{color:red}
</style>
El orden está alterado, y eso por lo visto ocasiona ciertos problemas. Yo no lo sé seguro por que siempre lo he puesto en el mismo orden, pero parece ser que se debe a que precisamente se llaman "estilos en cascada" por eso. Mejor cópialo así:
Código:
<style type="text/css">
A:link {color:black}
A:visited {color:black}
A:active {color:red}
A:hover {color:red}
</style>
¡Ah! Nuestro compañero . se equivocó con los primeros dos puntos (:)...
;)