al parecer no te as tomado el tiempo ni siquiera de leer las observaciones que te deje en mi post aterior...
Recapitulamos:
Cuando tienes múltiples link si haces esto:
Código CSS:
Ver original<style type="text/css">
a:link {text-decoration:none; color:#silver;}
a:hover {text-decoration:underline; color:#silver;}
a:visited {text-decoration:underline; color:#silver;}
a:focus {text-decoration:underline; color:#silver;}
</style>
Todos los link que estan en tu web heredan el efecto.
por consiguiente es mejor asignarlo por clases:
Código CSS:
Ver original.link{
text-decoration:none;
display: inline-block;
}
.link:hover{
color:#900;
font-weight:bold;
text-decoration:underline;
}
si entiendes un poco de CSS
#link // abarca todos los Objetos con ID link (los ID no deberían repetirse)
.link // Abarca Todos los Objetos Con Class link (las class si pueden repetirse)
.link:hover // efecto se activa en los objetos por donde pases el mouse y tenga la class link.
de esta manera evitar el uso de CSS global
a:hover
queda en tus manos aplicar el efecto que quieres. Ejemplo:
Código CSS:
Ver original<style type="text/css">
.link {text-decoration:none; color:#silver;}
.link:hover {text-decoration:underline; color:#silver;}
.link:visited {text-decoration:underline; color:#silver;}
.link:focus {text-decoration:underline; color:#silver;}
</style>