Disobedient CSS Style

I have links at the bottom of my site, similar to the links at the bottom-right corner of this forum. The links are white, except when hovered over they turn grey.

Now my problem is that each time you look at a page, at least one of these links will not show the grey hover effect, they'll just stay white. I've tried this in Firefox and IE 6 with the same results. It can't be my coding because the links do this at random.

Anyone ever come across this?


*Here's the HTML and CSS code


<td height="27" valign="top" background="images/bottom.gif" style="background-repeat:repeat-x"><div align="center" style="padding-top:11px" class="links"> <a href="/">Home</a> | <a href="company.php">Company</a> | <a href="order.php">Order</a> | <a href="support.php">Support</a> | <a href="clients.php">Clients</a> | <a href="legal.php">Legal</a> | <a href="privacy.php">Privacy</a> | <a href="sitemap.php">Sitemap</a></div></td>



.links a:link {
color:#FFFFFF;
text-decoration:none;
}
.links a:hover {
color:#CCCCCC;
text-decoration:none;
}
.links a:visited {
color:#FFFFFF;
text-decoration:none;
}
.links a:active {
color:#FFFFFF;
text-decoration:none;
}

 

Try moving this one to the end of the list.

.links a:hover {
color:#CCCCCC;
text-decoration:none;
}

 

.links:hover {
color:#CCCCCC;
text-decoration:none;
}

 

You already have the answer from another forum. By cross posting, you are wasting people's time. And, that is impolite.

gary