Question

I’m, styling a hyperlink which has an own class.

.myLink
{
  display:block;
  padding: 4px 9px;
  margin: 0px 6px;
}

.myLink:hover
{
  background-color: #E4E4E4;
  padding: 4px 9px;
  margin: 0px 6px;
  color:#000;
}

For the removing, I have this:

.myLink, .myLink:active, .myLink:visited
{
  color:#000;
  text-decoration:none;
}

In IE everything is working fine, but in Firefox my link gets underlined WHILE clicking on it.
I thought, if I definde the “:active” part, it’s going to work, but it isn’t.
Help please.

Answer 1

This sounds less like a CSS issue but more like browser preferences/overrides. I’d try to add !important to the text-decoration attribute, but actually looking for the reason would be the even better solution. Best solution would be checking the origin of the style using a tool (IE’s developer tools or Firefox’ Firebug).