Question

Ok I have a pretty simple problem. In Chrome, Safari, and Firefox everything is fine and perfect. But in IE9 it is not.

I have CSS style set up for a couple different links.

.header a:link {
color:#fff;
background-color:#f00;
}
.content a:link {
color:#00f;
text-decoration:underline;
}
.nolinkcolor a:link {
color:#000;
background-color:fff;
}

Here is the problem when using the last css style .nolinkcolor it does not work at all on IE9 all other browsers it works fine. In IE9 it basically ignores the .nolinkcolor and uses the styles of the .header

I just want to know if this is known problem and if there a tweak of fix for it???
thanks

Answer 1

Please check you div like <a href="#" class="nolinkcolor">Your test</a>. Also it matter parent container for link. If it is inside other container. you have to overwrite CSS. like:

modify CSS like:

body #parentContainerID or class a.nolinkcolor {}