CSS Hover Tip

If you ever have issues with CSS and your a:hover doesn’t seem to be working I may have the fix. You have to put your a:link information before your a:hover info.

This works:

.toprightmenu a:link, .toprightmenu a:visited {
font-weight: bold;
text-decoration: none;
font-size: 10px;
color: #999999;
}

.toprightmenu a:hover, .toprightmenu a:visited:hover {
font-weight: bold;
text-decoration: none;
color: #003366;
}

This doesn’t:

.toprightmenu a:hover, .toprightmenu a:visited:hover {
font-weight: bold;
text-decoration: none;
color: #003366;
}

.toprightmenu a:link, .toprightmenu a:visited {
font-weight: bold;
text-decoration: none;
font-size: 10px;
color: #999999;
}