I have a problem with links on my site. I have used css to define the link states(hover, active etc) but once it has been clicked, it doesn't change on rollover(hover). What am I doing wrong? Here's the code:
a:link {
font-family:Arial;
font-size:12px;
color: #333333;
text-decoration: none;
}
a:hover {
font-family:Arial;
font-size:12px;
color: #333333;
text-decoration: underline;
}
a:active {
font-family:Arial;
font-size:12px;
color: #333333;
text-decoration: none;
}
a:visited {
font-family:Arial;
font-size:12px;
color: #333333;
text-decoration: none;
}