CSS Code:
Code:
.nvg {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #1F4A79;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
background-color: #FFFFFF;
}
.nvg:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #1F4A79;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
background-color: #AAAAAA;
}
This is the HTML code that I want (when moused-over) the bg of the cell to change... but its not... and I cant figure out why...
Code:
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="nvg"><strong>»</strong> <a href="#">Home</a></td>
</tr>
<tr>
<td class="nvg"><strong>»</strong> <a href="#">Home</a></td>
</tr>
</table>
FIXED:
The document I was originally working with was outputted from Photoshop and was missing this at the top of the page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> etc....