It actually works in the Opera browser, although the rest of your page looks a mess in it. IE is much more prone toward letting styles assigned to other a tags by other selectors affect each other. It generally is inclusive and in a mood to generalize, rather than exclusive and in a mood to be specific, when assigning these styles. The .current pseudo classes may need to be defined to distinguish them from other a tag pseudo classes in your stylesheet:
Code:
#navlinks a.current, #navlinks a.current:link, #navlinks a.current:active, #navlinks a.current:visited, #navlinks a.current:hover { /*CSS for currently selected navigational link*/
color: #fa894d;
text-decoration: none;
font-family: arial;
font-size: 16px;
font-weight: bold;
}
If that doesn't take care of it, you have so many other styles on the page that have an affect upon the a tag under various circumstances. One or more of those is in conflict in IE. It would be a trial and error matter at that point, removing all other selectors with a in them, one at a time, until the culprit is found, and then finding a way around the conflict.
Bookmarks