css link - when :visited can it still have a rollover function ?

Question

Hi I have :

a:link {
font-family: Verdana, Arial;
font-size: 11px;
font-weight: normal;
color: #003366;
text-decoration: none
}
a:hover {
font-family: Verdana, Arial;
font-size: 11px;
font-weight: normal;
color: #003366;
text-decoration: underline
}
a:visited {
font-family: Verdana, Arial;
font-size: 11px;
font-weight: normal;
color: #003366;
text-decoration: none
}

once one of the links is clicked then the visited takes effect but the rollover :hover effect no longer works, how can I make it act like it hasn't been clicked ?

I did ask this question earlier but maybe I wasn't clear enough.

Thanks

I have the visited because if I don't the once clicked the link goes to a default purple colourr - eitherway this doesn't solve the problem the link stops haveing the hover function ?

So no one know actualy how to do this - I've seen it many other websites ?

Answer 1

Try putting the a:visited before the a:hover. It may have something to do with the cascading effect.
see this http://meyerweb.com/eric/css/link-specificity.html
The order should be LVHA: linked, visited, hover, active

Answer 2

Remove the text-decoration for visited. tbh nothing changes so why do you have the :visted css?