Problem with link colors on my web page Options

[Damfin0]

For most people that visit my site the links look fine. But for about 10%-20% of visitors the links that are printed in black text show up as white text. since my background is grey it makes it very hard to read the links when this happens. When these people put the mouse over the link it changes to black until the mouse leaves and when they click on it, it will remain black but when they are first coming to the site it is white.

I am refering to every link in my webpage including the navigation down the left side

Can someone help me find what is causing this?

It happens in both internet explorer and firefox and it happens in different operating systems aswell.

here is the site

http://www.mikecottrell.com

Thanks

[Effovex]

a:gr:link {
text-decoration: none;
color: #EFEFEF;
}

That rule is probably the cause, as :gr is not a valid pseudo-class.

Validate your CSS to find such errors in the future.

This post has been edited by Effovex: Mar 22 2007, 12:14 PM

[Damfin0]

a:gr:link {
text-decoration: none;
color: #EFEFEF;
}

That rule is probably the cause, as :gr is not a valid pseudo-class.

Validate your CSS to find such errors in the future.

You know... I think you're right. I took it out of the code but i'll have to get someone to test this to make sure that is the cause. I have been unable to reproduce the error myself but I'll get someone who had problems to check it out.

Thanks for your help

[Frederiek]

You also have two A declarations in your CSS, one a {…} and a a:link {…}. The last overrides the first, see The Cascade.

The order in which you declare A pseudo-classes is of importance too, see Dynamic pseudo-classes.