Menu
Ok, another weird problem…I have a link on one page that is set to underline on hover, it works fine in IE and Opera, but not in FF or Netscape, where is just does nothing. It does the correct thing on :focus and :active.
[code]
#staff a {
font-size: 1.5em;
text-align: center;
color: #000;
text-decoration: none;
}
#staff a:visited {
color: #000;
text-decoration: none;
}
#staff a:focus {
color: #000;
text-decoration: underline;
}
#staff a:hover {
color: #000;
text-decoration: underline;
}
#staff a:active {
color: #999;
text-decoration: none;
}
<div id=”staff”>
<a href=”staff.html”>Staff</a>
</div>
Hmm, I just tried that code alone on a new page and it works….so I guess something else on the page is doing it.
I’ve tried just doing the link behavior with a .staff class, it does the same thing. However, when I change the same link to a .nav class, it works fine. Here’s that code:
[code]
a.nav {
color: #000;
text-decoration: underline;
padding: 0;
margin: 0;
}
a.nav:visited {
color: #000;
text-decoration: underline;
}
a.nav:focus {
color: #999;
text-decoration: underline;
}
a.nav:hover {
color: #999;
text-decoration: underline;
}
a.nav:active {
color: #999;
text-decoration: none;
}