lo toma como texto porque no pusiste <style type="text/css"> y </style>
Código HTML:
<style type="text/css">
A:link {
COLOR: #999999;
TEXT-DECORATION: none;
}
A:visited {
COLOR:#666666;
TEXT-DECORATION: none
}
A:hover {
COLOR: #FF00FF;
TEXT-DECORATION:underline;
}
A:active {
BACKGROUND: #cf0;
COLOR: #fff
}
</style> te recomiendo usar una hoja de estilos aparte.. ejemplo.css donde puedes poner todos tus estilos y no te confundes cuando depuras HTML.. en hover.. text-decoration: lo puedes poner algo así (solo es una idea):
a:hover
{
color: #FF00FF;
font-weight: bold;
font-family: verdana;
text-decoration:underline overline;
left:1px;
position:relative;
top:1px
}
y ve el efecto.. con esto se mueve 1px. el link hacia la izquierda.. cosa que puedes modificar..