[SOLVED] Link states not displaying properly

[pwes24]

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;
}

[AndyB]

The definitions must be in the order Link Visited Hover Active - LoVe HAte helps you remember

[TheFilmGod]

Change to:

 

a:link {
font-family:Arial;
font-size:12px;
color: #333333;
text-decoration: none;
}
a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

[pwes24]

Thank you everyone. It worked perfectly!