I have a drop down menu off the link for "Undergraduate" however it appears
behind the layer "News" does anyone know why. Code Attached
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="master.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Youth Development &amp; Agricultural Education<</title>
<script language="JavaScript">
<!--
function mmLoadMenus() {
if (window.mm_menu_0403082339_0) return;
window.mm_menu_0403082339_0 = new
Menu("root",191,18,"Arial",12,"#000000","#ffffff", "#e0d5c5","#b1946c","left","mi
ddle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0403082339_0.addMenuItem("Agricultural&nbs p;Education");
mm_menu_0403082339_0.addMenuItem("Agricultural&nbs p;Communication");
mm_menu_0403082339_0.addMenuItem("Scholarships");
mm_menu_0403082339_0.hideOnMouseOut=true;
mm_menu_0403082339_0.bgColor='#555555';
mm_menu_0403082339_0.menuBorder=1;
mm_menu_0403082339_0.menuLiteBgColor='#ffffff';
mm_menu_0403082339_0.menuBorderBgColor='#555555';

window.mm_menu_0403135744_0 = new
Menu("root",187,18,"Arial",12,"#000000","#ffffff", "#e0d5c5","#b1946c","left","mi
ddle",3,0,1000,-5,7,true,true,true,0,true,true);

mm_menu_0403135744_0.addMenuItem("Professor&nbsp;i n&nbsp;the&nbsp;Classroom");
mm_menu_0403135744_0.hideOnMouseOut=true;
mm_menu_0403135744_0.bgColor='#555555';
mm_menu_0403135744_0.menuBorder=1;
mm_menu_0403135744_0.menuLiteBgColor='#ffffff';
mm_menu_0403135744_0.menuBorderBgColor='#555555';

mm_menu_0403135744_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>
<body>
<script language="JavaScript1.2">mmLoadMenus();</script>
<div id="News" style="position:absolute; width:197px; height:425px; z-index:1;
background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none
#000000; left: 0px; top: 120px; visibility: visible;" class="header"> </div>
<div id="header" style= "position:absolute; width:200px; height:115px;
z-index:1; left: 0px; top: 0px; visibility: visible;"> <img
src="images/header.jpg" alt="Header" /></div>
<div id="navtext1" style= "position:absolute; width:734px; height:21px;
z-index:1; left: 26px; top: 98px; visibility: visible;"><a
href="directory/index.html">Faculty/Staff</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span class="headerlinks"><a href="#" name="link1" id="link1"
onMouseOver="MM_showMenu(window.mm_menu_0403082339 _0,-16,20,null,'link1')"
onMouseOut="MM_startTimeout();">Undergraduate</a></span>&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;<span class="headerlinks"><a
href="graduate/index.html">Graduate</a></span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;<span
class="headerlinks"><a
href="alumni.cfm">Alumni</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="headerlinks"><a href="#"
name="link2" id="link2"
onMouseOver="MM_showMenu(window.mm_menu_0403135744 _0,-16,20,null,'link2')"
onMouseOut="MM_startTimeout();">Outreach</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="headerlinks"><a
href="research.cfm">Research</a></span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;<span
class="headerlinks"><a href="contactus.cfm">Contact Us</a></span></div>
<div id="navtext2" style= "position:absolute; width:460px; height:15px;
z-index:1; left: 94px; top: 72px; visibility: visible;"><span
class="headerlinks">Agricultural Education</span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="headerlinks">Agricultural
Communication</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="headerlinks">
4-H </span></div>
<div id="header" style= "position:absolute; width:194px; height:17px;
z-index:1; left: 568px; top: 2px; visibility: visible;"><a href="#"
class="link3">Purdue Home</a> <a href="#" class="link3">Purdue Search</a> <a
href="#" class="link3">Visit</a> <a href="#" class="link3">Giving</a></div>

</body>
</html>