the hover properties set out for <a>
are defined for the normal state (which means that it covers both visited and unvisited links) however you have defined a:visited
and a:link
as well (and also mentioned it after the :hover
only declaration), the css parser will instead give the properties of these definitions higher precedence.
The Workarounds
Workaround #1
Make it more specific by changing:
a:hover {
text-decoration: underline;
color:#666666
}
to
a:hover, a:visited:hover, a:link:hover {
text-decoration: underline;
color:#666666
}
A demonstration @ http://jsfiddle.net/Wz6aR/
Workaround #2
To alter the precedence change the declaration order to:
a:visited {
text-decoration: none;
color:#FFFFFF
}
a:link {
text-decoration: none;
color:#FFFFFF
}
a:hover {
text-decoration: underline;
color:#666666
}
A demonstration @ http://jsfiddle.net/9cGPv/