G'day

This problem has been driving me insane. I've validated my css & XHTML (1.0 Transitional) and it all checks out okay. Firefox is rendering in standards compliant mode, so it should just work, right ?

All I am trying to do is apply a style to a link who has a particular class. IE:

This Link:
<a class="button" href="http://www.yahoo.com/">Yahoo</a>

Should have this style:

a.button:link {
background-color: #00a7e9;
color: #000000; }


Any ideas ?

Hello and welcome to the forum!

I'm, guessing your problem is the that the link displays incorrectly after it has been visited, try adding a bit more code.

a.button:link, a.button:visited {
background-color: #00a7e9;
color: #000000; }

a.button:hover, a.button:active {
background-color: #00a7e9;
color: #ffffff; }

I hope that answers your question. If not post a link to your site and I'll take a closer look.

Cheers,

Thank you faze1 !

That solved it


Can't believe it was something so simple...late nights + css = silly mistake

Thank you !

Believe me, it happens to all of us Glad it was fixed

I'm glad that helped, Nate couldn't say it any better, it happens to all of us.

Cheers,