[thelist] rollover effect for links

[Miles Tillinger]

In IE, links have the correct hover color, but a link with class="nav2"
always shows as white, except if the link hasn't been visited it then shows
the correct hover color.  How can I get the hover color to show in all
cases?

<style>
A { color : #000066; }
A:LINK { color : #000066; }
A:ACTIVE { color : #000033; }
A:VISITED { color : #006600; }
A:HOVER { color : #0066CC; }
a.nav2 { font-size: 8pt; font-weight: bold; text-decoration: none; }
a.nav2:HOVER { color: #FFE400; }
a.nav2:LINK { color: #FFFFFF; }
a.nav2:ACTIVE { color: #FFFFFF; }
a.nav2:VISITED { color: #FFFFFF; }
</style>

<a href="http://www.google.com">No class, but visited site</a><br>
<a href=http://www.google.com class="nav2">visited site with class
applied</a><br>
<a href="http://www.qweraasdaddwfesc.asdfads">No class, but not visited
site</a><br>
<a href=http://www. qweraasdaddwfesc.boohadsf class="nav2">not visited site
with class applied</a><br>