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 &amp; Old Cheney</a></td></tr>
      <tr><td onmouseover="showmenu('location')" onmouseout="hidemenu('location')" class="menu"><a class="one" target="_blank" href="jf3.php">56th &amp; Old Cheney</a></td></tr>
      <tr><td onmouseover="showmenu('location')" onmouseout="hidemenu('location')" class="menu"><a class="one" target="_blank" href="jf3.php">14th &amp; 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>

changed position to fixed and that worked.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.