CSS Sudo Class Problem

HTML & CSS
1

I have my sudo classes and I also have alternate sudo classes for situational styling. The situational styling seems to be working except for the color on the hover sudo class.

Here are the sudo classes…

a.headerLink:link     {
    text-decoration:none;
    color:#88888b;
}

a.headerLink:hover     {
    text-decoration:underline;
    color:#000;
}

a.headerLink:active     {
    text-decoration:underline;
    color:#000;
}

a.headerLink:visited     {
    color:#88888b;
}

And here is the code where it is applied

     
                     <div class="header">    
                        <a class="headerLink" href="#">other headlines</a>
                        <hr />
                    </div> <!-- header -->

And here is where it appears
Artcar Nation | Home
The code appears near the top of the left column.

Oddly enough, it’s working in IE, but not firefox.

I don’t know what is wrong with my code. Please help.
Thanks.

2

It matters what order you put your pseudo classes in. There’s a handy rule of thumb: LoVe, HA!

That is:
:link :visited :hover :active

Try putting them in that order and see if it fixes things.

3

Well son of a gun. Thanks, ralph.m. Had never heard of the LoVE, HA! rule. It works