Remove underline link on hover

Question

I am trying to remove my underline on hover and everything, but it doesnt seem to be working.

<a href="agent_user_add.php"><font face="verdana" class="pluslink" style="font-size:26px;">+</font></a>

Below is my styling

.pluslink a:link {text-decoration:none;} .pluslink a:visited {text-decoration:none;} .pluslink a:hover {text-decoration:none;} .pluslink a:active {text-decoration:none;}

How come its not working? Am i putting the class in the wrong place?

Here is a jsfiddle below!

jSfiddle

Answer 1

.pluslink, .pluslink:visited,.pluslink:hover,.pluslink:active {
   text-decoration:none;
 }
<a href="agent_user_add.php" class="pluslink">+</a>

See http://jsfiddle.net/3pTTR/

fiddle updated