Is there any way to tell the page what gets display precedent? - i.e. I'd like to have the drop-down javascript menu appear in front of the drop-down form menu obscuring it... Any ideas?
Here's the relevant code:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function jumpto(form) {
var myindex = form.year;
location.href = myindex.options[myindex.se
lectedInde
x].value;
}
</script>
</head>
<body alink="#1166BB" vlink="#1166BB" link="#1166BB">
<!-- navigation menus include below - following 2 tables -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<link rel="stylesheet" type="text/css" href="Styles.css">
<META http-equiv=Content-Languag
e content=en-us>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<SCRIPT language=JavaScript>
function mmLoadMenus() {
if (window.mm_menu_0424203512
_0) return;
if (window.mm_menu_0424203514
_0) return;
<!-- begin main Governance submenu-->
window.mm_menu_0424203514_
0_2 = new Menu("LCG Newsletter",133,16,"Arial,
Helvetica, sans-serif",10,"#000000","
#000000","
#e6f5f2","
#b5eada","
left","mid
dle",3,0,1
000,-5,11,
true,true,
true,4,fal
se,true);
mm_menu_0424203514_0_2.add
MenuItem("
Current Issue","location='/Governa
nce/newsle
tter/index
.asp'");
mm_menu_0424203514_0_2.add
MenuItem("
Archived Issues","location='/Govern
ance/newsl
etter/arch
ived.asp'"
);
mm_menu_0424203514_0_2.hid
eOnMouseOu
t=true;
mm_menu_0424203514_0_2.men
uBorder=1;
mm_menu_0424203514_0_2.men
uLiteBgCol
or='#fffff
f';
mm_menu_0424203514_0_2.men
uBorderBgC
olor='#666
666';
mm_menu_0424203514_0_2.bgC
olor='#333
333';
<!-- THIS IS THE MENU ITEM THAT GETS OBSCURED BY THE FORM (see form below) -->
<!-- begin main Governance Season Preview submenu-->
window.mm_menu_0424203514_
0_3 = new Menu("Proxy Seasonal Preview",133,16,"Arial, Helvetica, sans-serif",10,"#000000","
#000000","
#e6f5f2","
#b5eada","
left","mid
dle",3,0,1
000,-5,11,
true,true,
true,4,fal
se,true);
mm_menu_0424203514_0_3.add
MenuItem("
2003 Seasonal Preview","location='/Gover
nance/prev
iew/index.
asp'");
mm_menu_0424203514_0_3.add
MenuItem("
2002 Seasonal Preview","location='/Gover
nance/prev
iew/pr2002
.asp'");
mm_menu_0424203514_0_3.add
MenuItem("
2001 Seasonal Preview","location='/Gover
nance/prev
iew/pr2001
.asp'");
mm_menu_0424203514_0_3.add
MenuItem("
2000 Seasonal Preview","location='/Gover
nance/prev
iew/pr2000
.asp'");
mm_menu_0424203514_0_3.add
MenuItem("
1999 Seasonal Preview","location='/Gover
nance/prev
iew/pr1999
.asp'");
mm_menu_0424203514_0_3.hid
eOnMouseOu
t=true;
mm_menu_0424203514_0_3.men
uBorder=1;
mm_menu_0424203514_0_3.men
uLiteBgCol
or='#fffff
f';
mm_menu_0424203514_0_3.men
uBorderBgC
olor='#666
666';
mm_menu_0424203514_0_3.bgC
olor='#333
333';
<!-- A WHOLE BUNCHA OTHER MENUS -->
}
// mmLoadMenus()
//-->
</SCRIPT>
<META content="MSHTML 5.50.4926.2500" name=GENERATOR>
<BODY bgColor=#ffffff topMargin=0>
<SCRIPT language=JavaScript1.2>mmL
oadMenus()
;</SCRIPT>
<DIV align=center>
<CENTER>
<TABLE width="100%" border=0 cellPadding=0 cellSpacing=0>
<!-- fwtable fwsrc="" fwbase="comp1.pct" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
<TBODY>
<TR bgcolor="#003399">
<TD colspan="3"><img src="/images/ISS_Header2.g
if" width="685" height="92"></TD>
<TD> </TD>
</TR>
<TR height="22">
<TD colspan="3" nowrap bgcolor="#000000"> <div align="left"><img src="/images/blacknav.jpg"
width="549" height="22" border="0">
</div>
<div align="right"> </div></TD>
<TD width="66" bgcolor="#000000"> </
TD>
</TR>
<TR height="30">
<TD width="416" height="30" valign="top" nowrap> <div align="center">
</div>
<div align="left"><a><img height=30 alt="" src="/images/sharebutton.g
if" width=135 border=1 bordercolor="#000000" name=comp1_r2_c1></a><a onMouseOver="MM_showMenu(w
indow.mm_m
enu_042420
3513_0,0,3
0,null,'af
l');" onMouseOut="MM_startTimeou
t();"><img
src="/images/aflbutton.gif
" alt="" name=afl width=135 height=30 border=1 id="afl" bordercolor="#000000"></a>
<a onMouseOver="MM_showMenu(w
indow.mm_m
enu_042420
3514_0,0,3
0,null,'go
v');" onMouseOut="MM_startTimeou
t();"><img
src="/images/govbutton.gif
" name="gov" width="135" height="30" border="1" id="gov"></a>
</div></TD>
<TD width="158" valign="middle">
<table width="69%" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td width="40%"><input type="text" name="q" size="17" maxlength="255" value=""/ align="top"></td>
<td width="60%"><img src="/images/search.gif" width="71" height="28"></td>
</tr>
</table> </TD>
<TD colspan="2" height="30" nowrap> <div align="left"> </div></TD>
</TR>
<TR>
<TD colspan="4" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</DIV>
<STYLE type="text/css">
<!--
A {color: #1166BB; text-decoration:none }
A:hover {color: #0000FF; text-decoration: none;}
form { margin: 0px; padding: 0px; }
tr, td {font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
select, option {font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px}
.myselect {color: #990000; font-weight: bold;}
-->
</STYLE>
<!-- HERE IS THE FORM IN QUESTION -->
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<form action="" method="GET" name="form1">
<td valign="top" nowrap>
<div align="left"><font size="-1" face="Arial, Helvetica, sans-serif"><strong>Labor & Public Pension Fund-Sponsored Shareholder Proposals for the Year: </strong></font>
<select name="year" onChange="jumpto(this.form
);">
<option value="mypage.asp?yr=2003"
selected class="myselect">2003
<option value="mypage.asp?yr=2002"
>2002
<option value="mypage.asp?yr=2001"
>2001
<option value="mypage.asp?yr=2000"
>2000
<option value="mypage.asp?yr=1999"
>1999
<option value="mypage.asp?yr=1998"
>1998
</select>
<i><font size="-2">(Select Year)</font></i>
</div><br />
</td>
</form>
</tr>
Any assistance is greatly appreciated!