This url : http://www.lincolnsrealdeals.com/nav5c.html has passed validation and renders the way I need it to on firefox, but not on ie8. The problem is that the hover over "By Location" renders the notation: "Where do you want to buy it?" under all the navigation when it's meant to render just to left of "By Location" as it does with firefox. I thought that the notation's appearance under all the navigation was a clue, but it's no help for me . What do you think?
\<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="Save money" />
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>savebop </title>
<style type="text/css">
body{font-family:arial;}
a{color:blue;text-decoration:none;font-size:150%; width:200px;}
a.one:visited {color:blue;}
a.one:hover {color:red;}
table.menu
{
width:200px;
font-size:75%;
visibility:hidden;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible";
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden";
}
</script>
</head>
<body>
<table >
<tr>
<td onmouseover="showmenu('location')" onmouseout="hidemenu('location')" >
<a class="one" target="_blank" style="outline:none;position:absolute;left:120px;top:220px;" href="jf3.php">By Location</a>
<table style="position:absolute;left:285px;top:221px;" class="menu" id="location" >
<tr><td onmouseover="showmenu('location')" onmouseout="hidemenu('location')" class="menu"><a class="one" target="_blank" href="jf3.php">Southpointe</a></td></tr>
<tr><td onmouseover="showmenu('location')" onmouseout="hidemenu('location')" class="menu"><a class="one" target="_blank" href="jf3.php">Williamsburg</a></td></tr>
<tr><td onmouseover="showmenu('location')" onmouseout="hidemenu('location')" class="menu"><a class="one" target="_blank" href="jf3.php">40th & Old Cheney</a></td></tr>
<tr><td onmouseover="showmenu('location')" onmouseout="hidemenu('location')" class="menu"><a class="one" target="_blank" href="jf3.php">56th & Old Cheney</a></td></tr>
<tr><td onmouseover="showmenu('location')" onmouseout="hidemenu('location')" class="menu"><a class="one" target="_blank" href="jf3.php">14th & Pine Lake</a></td></tr>
<tr><td width="65px" style="position:absolute;left:30px;top:210px;" onmouseover="showmenu('location')" onmouseout="hidemenu('location')" class="menu" > Where do you want to buy it?</td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>