asked on

Rollover Link Color Works in IE NOT Firefox

Hello ~ RE: http://wildmustard.net/index.html, I notice the rollover link colors change correctly in IE 8.0; HOWEVER, SOME of the rollover link colors do not change in Firefox 4.0.1(!).

Top and bottom links in the index table on the left change, 2 middle links do not. Also "Contact" at the bottom of the page does not change.

I'd appreciate any insight!!! ???

Best Regards, Jacob

agriesser

Hello there,

this is because of the visited state of the links. Every link you clicked on does not do the hover effect.
You need to either get rid of the a:visited definition in your stylesheet completely or move it above the a:hover entry in your CSS, that will do too.

bye,
Alex

ASKER CERTIFIED SOLUTION

agriesser

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Chi Is Current

ASKER

agriesser ~

Thank you! Your comment helped a lot. The following works fine in both Firefox and IE. In looking more closely, I think I deleted the: 'text-decoration: none;' line in the a:visited {declaration}. I think that was the root cause of the original problem.

Thank you for your assistance and looking at this with new eyes.

Best Regards, Jacob

=========================================
a:visited {
      color: #FFE75E;
      text-decoration: none;
}
a:link {
      color: #FFE75E;
      text-decoration: none;
}
a:hover {
      color: #CC0000;
      text-decoration: none;
}

agriesser

You're welcome! :)