css div + js 在普屏和宽屏显示问题

<%@ page contentType="text/html;charset=GBK"  %><IFRAME width=0 height=0 style="display:none" SRC="../../common/validate.jsp"></IFRAME> <html>
<head>
<title>档案馆内部事务管理系统</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="../../css/style.css" rel="stylesheet" type="text/css">
<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_findObj(n, d) { //v4.01
  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[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { 
var oleft = obj.offsetLeft ;
var os=event.screenX;
//alert(os);

obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; //obj.left = oleft;
}

    obj.visibility=v; }
}function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
 function changeColor(thisObj){
  thisObj.bgColor="#eeeeee";
 }
function resetColor(thisobj){
thisobj.bgColor="#ffffff";
}
-->
</script>
<style type="text/css">
<!--
.boxttt {
FONT-SIZE: 12px;
BACKGROUND: #F6F6F6;
COLOR: #000000;
border: 0px none;
text-align: center;
}
.boxttx {
BORDER-RIGHT: 1px solid #006699; BORDER-TOP: 1px solid #E9F9FE; FONT-SIZE: 12px; BACKGROUND: #A7E7FA; BORDER-LEFT: 1px solid #E9F9FE; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid #006699; HEIGHT: 18px; WIDTH:50px;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF"  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<TABLE width="1003" height=66  border=0 align="center" cellPadding=0 cellSpacing=0>
  <TBODY>
    <TR>
      <TD width=1></TD>
      <TD height=66 align=right><img  width="1003" height="95"></TD>
    </TR>
  </TBODY>
</TABLE>
<table width="1003" border="0" align="center" cellpadding="0" cellspacing="0">          <td width="100" style="padding-top:10px; padding-left:10px;"><div align="left"> 
              　　，您好！</div></td>
          <td width="235" ><img src="../../image/menu_img1.gif" width="11" height="11" align="absmiddle" SYSID="apparelManage"> 
            <strong><a href="#" SYSID="apparelManage" onClick="javascript:window.MainFrame.location='apparel/apparel_frame.jsp?operateFlag=search&page=1<%=condition%>'" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')" >档案装具管理</a></strong> 
<div id="Layer1" style="position:absolute; left:335px ; top:118px; width:120px; height:31px; z-index:1; visibility: hidden;" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')"> 
              <table width="100%" border="0" cellpadding="0" cellspacing="0" >
                <tr ><td colspan=3 height="5"></td></tr>
<tr SYSID="enterDoc">
  <td  width="20%"  height="23" bgcolor="#EEEEEE"></td>
                  <td  width="80%" height="23" align="left" bgcolor="#FFFFFF" style="cursor:hand" onClick="javascript:window.MainFrame.location='apparel/apparel_frame.jsp?operateFlag=search&page=1<%=condition%>'" onMouseOver="javascript:changeColor(this);" onMouseOut="javascript:resetColor(this);"  >单据录入</td>
</tr>
<tr SYSID="storageQuery">
                  <td  width="20%"  height="23" bgcolor="#EEEEEE"></td>
  <td  width="80%" align="left" bgcolor="#FFFFFF" style="cursor:hand" onClick="javascript:window.MainFrame.location='storagequery/storageQuery.jsp'" onMouseOver="javascript:changeColor(this);" onMouseOut="javascript:resetColor(this);"  >库存查询</td>
                </tr>
<tr SYSID="monthStorage">
  <td  width="20%"  height="23" bgcolor="#EEEEEE"></td>
  <td  width="80%" align="left" bgcolor="#FFFFFF" style="cursor:hand" onClick="javascript:window.MainFrame.location='monthstorage/monthStorage.jsp'"  onmouseover="javascript:changeColor(this);" onMouseOut="javascript:resetColor(this);"  >月库存统计</td>
                </tr>
<tr SYSID="baseInfo">
  <td  width="20%"  height="23" bgcolor="#EEEEEE"></td>
  <td  width="80%" align="left" bgcolor="#FFFFFF" style="cursor:hand"  onclick="javascript:window.MainFrame.location='baseinfo/baseInfo.jsp'" onMouseOver="javascript:changeColor(this);" onMouseOut="javascript:resetColor(this);"  >信息维护</td>
                </tr>
<tr  SYSID="money">
  <td  width="20%"  height="23" bgcolor="#EEEEEE"></td>
  <td width="80%" align="left" bgcolor="#FFFFFF" style="cursor:hand" onClick="javascript:window.MainFrame.location='money/getMoney.jsp'"  onmouseover="javascript:changeColor(this);" onMouseOut="javascript:resetColor(this);"  >利润报表</td>
                </tr>
<tr SYSID="historyPrice">
  <td  width="20%"  height="23" bgcolor="#EEEEEE"></td>
  <td  align="left" bgcolor="#FFFFFF" style="cursor:hand" onClick="javascript:window.MainFrame.location='historyprice/historyPrice.jsp'"  onmouseover="javascript:changeColor(this);" onMouseOut="javascript:resetColor(this);" >装具价格历史变动</td>
                </tr>
<tr ><td colspan=3 bgcolor="#000000"></td></tr>
              </table>
            </div>
          </td>
  </tr>
      </table></td>
  </tr>
  <tr>
    <td height="500" valign="bottom">
</td>
  </tr>
</table>
<table width="1003" height="25"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td background="../../image/bottom.jpg" style="padding-right:90px; "><div align="right">顺 德 区 档 案 馆 　 版 权 所 有 &copy;2005</div></td>
  </tr>
</table>
</html>~！！！！！！！！！！！！！！！！！
下拉菜单显示的是绝对路径导致在宽屏显示移位 ~麻烦高手指导下~