Please use this version to view the problem
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape"

&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"

;
if (restore) selObj.selectedIndex=0;
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"

)>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms
[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && document.getElementById) x=document.getElementById
; return x;
}
function MM_jumpMenuGo(selName,targ,restore){ //v3.0
var selObj = MM_findObj(selName); if (selObj) MM_jumpMenu(targ,selObj,restore);
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'
v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="300" border="0" cellspacing="1" cellpadding="0" bgcolor="#993300">
<tr bgcolor="#FFFFFF" align="center" valign="middle">
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2" onMouseOver="MM_showHideLayers('One','','show','two','','hide')">navigation1</font></td>
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2" onMouseOver="MM_showHideLayers('One','','hide','two','','show')">navigation2</font></td>
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">navigation3</font></td>
</tr>
</table>
<form name="form1">
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
<option value="#" selected>Option one test</option>
<option value="#">Option two test</option>
<option value="#">Option three test</option>
</select>
<input type="button" name="Button1" value="Go" onClick="MM_jumpMenuGo('menu1','parent',0)">
</form>
<div id="One" style="position:absolute; width:100; height:200; z-index:1; left: 0; top: 0; visibility: hidden">
<table width="100" border="0" cellspacing="1" cellpadding="0" bgcolor="#993300">
<tr bgcolor="#FFFFFF" align="center" valign="middle">
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">dropdown 1</font></td>
</tr>
<tr bgcolor="#FFFFFF" align="center" valign="middle">
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">dropdown 2</font></td>
</tr>
<tr bgcolor="#FFFFFF" align="center" valign="middle">
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">dropdown 3</font></td>
</tr>
<tr bgcolor="#FFFFFF" align="center" valign="middle">
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">dropdown 4</font></td>
</tr>
<tr bgcolor="#FFFFFF" align="center" valign="middle">
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">dropdown 5</font></td>
</tr>
<tr bgcolor="#FFFFFF" align="center" valign="middle">
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">dropdown 6</font></td>
</tr>
</table>
</div>
<div id="two" style="position:absolute; width:101; height:200; z-index:1; left: 99; top: 0; visibility: hidden">
<table width="101" border="0" cellspacing="1" cellpadding="0" bgcolor="#993300">
<tr bgcolor="#FFFFFF" align="center" valign="middle">
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">dropdown 1</font></td>
</tr>
<tr bgcolor="#FFFFFF" align="center" valign="middle">
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">dropdown 2</font></td>
</tr>
<tr bgcolor="#FFFFFF" align="center" valign="middle">
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">dropdown 3</font></td>
</tr>
<tr bgcolor="#FFFFFF" align="center" valign="middle">
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">dropdown 4</font></td>
</tr>
<tr bgcolor="#FFFFFF" align="center" valign="middle">
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">dropdown 5</font></td>
</tr>
<tr bgcolor="#FFFFFF" align="center" valign="middle">
<td><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">dropdown 6</font></td>
</tr>
</table>
</div>
</body>
</html>