Nav bar text links in firefox & IE

[Runner]

My Navbar text links are appearing differently in FF and IE. IE is showing how I want them to look as per the
class="actxsmall"
.actxsmall {
color:black;
font-size:11px;
text-decoration:none;
}


However, FF is underlining them. Firebug shows style inherited from:
a:hover {
color:blue;
text-decoration:underline;
}

Which I do not understand?

Please can anyone help and/or explain?

URL to site

[leehack]

Change the text-decoration on the inherited style to be the same as the one you like.

[Runner]

Ok. But will that affect anywhere else that may be using that style?

[leehack]

Try it and find out, it's a 20 second revert if it does. Have a look on your site, does anything else have underlining and does it use this style if so.

[peblaco]

The links are underlined because of a span class inside the links and styles starting with a dot are for text. Use an "a" for link styles such as a.actxsmall

[Runner]

Thanks, Lee. All the site's text links are using this style. Becasue of this I don't really want to change it. Any idea why doesn't the actxsmall class override the inherited a:hover class?

Example of Layout code for nav bar text link:

 
<a href="<actinic:variable name="HomePageURL" />" target="_self"><span class="actxsmall"><strong><actinic:variable name="HomeText" /></strong></span></a>

.

Thanks, Louise. Sorry, I posted the above before seeing your reply.

[Runner]

Excuse my ignorance but I don't fully understand what you are asking me to do. I have put this in the css:

actxsmall, .actxsmall a {
color:black;
font-size:11px;
text-decoration:none;
}

This made no difference. Do I have to change this existing code?:

<a href="<actinic:variable name="SearchPageURL" />" target="_self"><span class="actxsmall"><strong><actinic:variable name="SearchText" /></strong></span></a>

Why does it only show underlined in FF and not IE?

[Runner]

Thanks Louise. That worked.