高手，怎样让menu放在紫色table里，无论在800还是1024

<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>
.alpha {
FILTER: Alpha(Opacity=80)
}
.td1 {
FONT-SIZE: 10px; font-family: "tahoma"}
.td2 {
FONT-SIZE: 10px; CURSOR: hand; BACKGROUND-COLOR: #CFE7FF
; font-family: "tahoma"}
.maskl {
OVERFLOW: hidden
}
.cardtitle {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 10px; BORDER-LEFT: black 0px solid; CURSOR: default; TEXT-INDENT: 4pt; BORDER-BOTTOM: black 0px solid
; font-family: "tahoma"}
.cardbottom {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 0px solid; FILTER: Alpha(Opacity=90); BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #99ccff
}
</STYLE>
<SCRIPT language=Jscript>
//用数组来存储多个timeOut标识.
tBack=new Array(6);
tOut=new Array(6);
//激活当前选项卡.
function menuOut(whichMenu){
var curMenu=eval("menu"+whichMenu);
curMenu.runtimeStyle.zIndex=6;
clearTimeout(tBack[whichMenu]);
moveOut(whichMenu);
}
//恢复初始状态.
function menuBack(whichMenu){
var curMenu=eval("menu"+whichMenu);
curMenu.runtimeStyle.zIndex=curMenu.style.zIndex;
clearTimeout(tOut[whichMenu]);
moveBack(whichMenu);
}
//移动当前选项卡
function moveOut(curNum){
var curMenu=eval("menu"+curNum);
if(curMenu.style.posLeft>0) {
curMenu.style.posLeft-=2;
tOut[curNum]=setTimeout("moveOut('"+curNum+"')",1);
}
}
//移回选项卡.
function moveBack(curNum){
var curMenu=eval("menu"+curNum);
if(curMenu.style.posLeft<30) {
curMenu.style.posLeft+=2;
tBack[curNum]=setTimeout("moveBack('"+curNum+"')",1);
}}
//鼠标移过时改变表格单元式样。
function swapClass(){
var o=event.srcElement;
if(o.className=="td1") o.className="td2"
else if(o.className=="td2") o.className="td1";
}
document.onmouseover=swapClass;
document.onmouseout=swapClass;
</SCRIPT>
</HEAD>
<BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<div id="logon" style="LEFT:expression(Math.abs(Math.round(menuPos.left)));  TOP:expression(Math.abs(Math.round(menuPos.top)))" > 
</div>
<div align="center">
  <table width="770" border="0" cellpadding="0" cellspacing="0" style="POSITION: absolute; TOP:0;left:0">
    <!--DWLayoutTable-->
    <tr> 
      <td width="197" height="126">&nbsp;</td>
      <td width="210">&nbsp;</td>
      <td width="363">&nbsp;</td>
    </tr>
    <tr> 
      <td height="268">&nbsp;</td>
      <td valign="top" bgcolor="#9933FF"><DIV class=maskl id=menuPos 
style="Z-INDEX: 1; LEFT: 257px; WIDTH: 132px; POSITION: absolute; TOP: 135px; HEIGHT: 236px"> 
          <DIV id=menu1 onmouseover=menuOut(1) 
style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 0px; HEIGHT: 20px" 
onmouseout=menuBack(1)> 
            <DIV class=cardbottom id=Layer1 
style="Z-INDEX: 1; LEFT: 0px; WIDTH: 100px; POSITION: absolute; TOP: 17px; HEIGHT: 115px"> 
              <TABLE height="100%" width=100% align=center border=0 cellpadding="0" cellspacing="0">
                <TR> 
                  <TD class=td1 align="center">option1</TD>
                </TR>
                <TR> 
                  <TD class=td1 align="center">option2</TD>
                </TR>
                <TR> 
                  <TD class=td1 align="center">option3</TD>
                </TR>
                <TR> 
                  <TD class=td1 align="center">option4</TD>
                </TR>
                <TR> 
                  <TD>&nbsp;</TD>
                </TR>
              </TABLE>
            </DIV>
            <TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
              <TR> 
                <TD width=14 height=18><IMG height=18 src="stang.gif" 
      width=14></TD>
                <TD class=cardtitle width=86 bgColor=#99ccff 
height=14>MENUCARD1</TD>
              </TR>
            </TABLE>
          </DIV>
          <DIV id=menu2 onmouseover=menuOut(2) 
style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 20px; HEIGHT: 20px" 
onmouseout=menuBack(2)> 
            <DIV class=cardbottom id=Layer2 
style="Z-INDEX: 1; LEFT: 0px; WIDTH: 100px; POSITION: absolute; TOP: 17px; HEIGHT: 115px"> 
              <TABLE height="100%" width=100% align=center border=0 cellpadding="0" cellspacing="0">
                <TR> 
                  <TD class=td1 align="center">option1</TD>
                </TR>
                <TR> 
                  <TD class=td1 align="center">option2</TD>
                </TR>
                <TR> 
                  <TD class=td1 align="center">option3</TD>
                </TR>
                <TR> 
                  <TD class=td1 align="center">option4</TD>
                </TR>
                <TR> 
                  <TD>&nbsp;</TD>
                </TR>
              </TABLE>
            </DIV>
            <TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
              <TR> 
                <TD width=14 height=18><IMG height=18 src="stang.gif" 
      width=14></TD>
                <TD class=cardtitle width=86 bgColor=#99ccff 
height=14>MENUCARD2</TD>
              </TR>
            </TABLE>
          </DIV>
          <DIV id=menu3 onmouseover=menuOut(3) 
style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 40px; HEIGHT: 20px" 
onmouseout=menuBack(3)> 
            <DIV class=cardbottom id=Layer3 
style="Z-INDEX: 1; LEFT: 0px; WIDTH: 100px; POSITION: absolute; TOP: 17px; HEIGHT: 115px"> 
              <TABLE height="100%" width=100% align=center border=0 cellpadding="0" cellspacing="0">
                <TR> 
                  <TD class=td1 align="center">option1</TD>
                </TR>
                <TR> 
                  <TD class=td1 align="center">option2</TD>
                </TR>
                <TR> 
                  <TD class=td1 align="center">option3</TD>
                </TR>
                <TR> 
                  <TD class=td1 align="center">option4</TD>
                </TR>
                <TR> 
                  <TD>&nbsp;</TD>
                </TR>
              </TABLE>
            </DIV>
            <TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
              <TR> 
                <TD width=14 height=18><IMG height=18 src="stang.gif" 
      width=14></TD>
                <TD class=cardtitle width=86 bgColor=#99ccff 
height=14>MENUCARD3</TD>
              </TR>
            </TABLE>
          </DIV>
          <DIV id=menu4 onmouseover=menuOut(4) 
style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 60px; HEIGHT: 20px" 
onmouseout=menuBack(4)> 
            <DIV class=cardbottom id=Layer4 
style="Z-INDEX: 1; LEFT: 0px; WIDTH: 100px; POSITION: absolute; TOP: 17px; HEIGHT: 115px"> 
              <TABLE height="100%" width=100% align=center border=0 cellpadding="0" cellspacing="0">
                <TR> 
                  <TD class=td1 align="center">option1</TD>
                </TR>
                <TR> 
                  <TD class=td1 align="center">option2</TD>
                </TR>
                <TR> 
                  <TD class=td1 align="center">option3</TD>
                </TR>
                <TR> 
                  <TD class=td1 align="center">option4</TD>
                </TR>
                <TR> 
                  <TD>&nbsp;</TD>
                </TR>
              </TABLE>
            </DIV>
            <TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
              <TR> 
                <TD width=14 height=18><IMG height=18 src="stang.gif" 
      width=14></TD>
                <TD class=cardtitle width=86 bgColor=#99ccff 
height=14>MENUCARD4</TD>
              </TR>
            </TABLE>
          </DIV>
        </DIV></td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td height="306"></td>
      <td></td>
      <td></td>
    </tr>
  </table>
</div>
</BODY>
</HTML>

解决方案 »

  1.   

    <DIV class=maskl id=menuPos style="Z-INDEX: 1; LEFT: 171; WIDTH: 132px; POSITION: absolute; TOP: 126; HEIGHT: 236px"> 
    上面定死了位置，应该改为<HTML>
    <HEAD>
    <TITLE></TITLE>
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    <STYLE type=text/css>
    .alpha {
    FILTER: Alpha(Opacity=80)
    }
    .td1 {
    FONT-SIZE: 10px; font-family: "tahoma"}
    .td2 {
    FONT-SIZE: 10px; CURSOR: hand; BACKGROUND-COLOR: #CFE7FF
    ; font-family: "tahoma"}
    .maskl {
    OVERFLOW: hidden
    }
    .cardtitle {
    BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 10px; BORDER-LEFT: black 0px solid; CURSOR: default; TEXT-INDENT: 4pt; BORDER-BOTTOM: black 0px solid
    ; font-family: "tahoma"}
    .cardbottom {
    BORDER-RIGHT: black 1px solid; BORDER-TOP: black 0px solid; FILTER: Alpha(Opacity=90); BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #99ccff
    }
    </STYLE>
    <SCRIPT language=Jscript>
    //用数组来存储多个timeOut标识.
    tBack=new Array(6);
    tOut=new Array(6);
    //激活当前选项卡.
    function menuOut(whichMenu){
    var curMenu=eval("menu"+whichMenu);
    curMenu.runtimeStyle.zIndex=6;
    clearTimeout(tBack[whichMenu]);
    moveOut(whichMenu);
    }
    //恢复初始状态.
    function menuBack(whichMenu){
    var curMenu=eval("menu"+whichMenu);
    curMenu.runtimeStyle.zIndex=curMenu.style.zIndex;
    clearTimeout(tOut[whichMenu]);
    moveBack(whichMenu);
    }
    //移动当前选项卡
    function moveOut(curNum){
    var curMenu=eval("menu"+curNum);
    if(curMenu.style.posLeft>0) {
    curMenu.style.posLeft-=2;
    tOut[curNum]=setTimeout("moveOut('"+curNum+"')",1);
    }
    }
    //移回选项卡.
    function moveBack(curNum){
    var curMenu=eval("menu"+curNum);
    if(curMenu.style.posLeft<30) {
    curMenu.style.posLeft+=2;
    tBack[curNum]=setTimeout("moveBack('"+curNum+"')",1);
    }}
    //鼠标移过时改变表格单元式样。
    function swapClass(){
    var o=event.srcElement;
    if(o.className=="td1") o.className="td2"
    else if(o.className=="td2") o.className="td1";
    }
    document.onmouseover=swapClass;
    document.onmouseout=swapClass;
    </SCRIPT>
    </HEAD>
    <BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
    <div align="center">
      <table width="770" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr> 
          <td width="197" height="126">&nbsp;</td>
          <td width="210">&nbsp;</td>
          <td width="363">&nbsp;</td>
        </tr>
        <tr> 
          <td height="268">&nbsp;</td>
          <td valign="top" bgcolor="#9933FF">
        <!--此处插入-->
    <div id="logon">
    <DIV class=maskl id=menuPos style="Z-INDEX: 1; WIDTH: 132px; POSITION: absolute; HEIGHT: 236px"> 
    <DIV id=menu1 onmouseover=menuOut(1) style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 0px; HEIGHT: 20px" onmouseout=menuBack(1)>
    <DIV class=cardbottom id=Layer1 
    style="Z-INDEX: 1; LEFT: 0px; WIDTH: 100px; POSITION: absolute; TOP: 17px; HEIGHT: 115px">
          <TABLE height="100%" width=100% align=center border=0 cellpadding="0" cellspacing="0">
            <TR>
        <TD class=td1 align="center">option1</TD></TR>
      <TR>
        <TD class=td1 align="center">option2</TD></TR>
      <TR>
        <TD class=td1 align="center">option3</TD></TR>
      <TR>
        <TD class=td1 align="center">option4</TD></TR>
      <TR>
        <TD>&nbsp;</TD></TR>
    </TABLE>
    </DIV>
    <TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
      <TR>
        <TD width=14 height=18><IMG height=18 src="stang.gif" 
          width=14></TD>
        <TD class=cardtitle width=86 bgColor=#99ccff 
    height=14>MENUCARD1</TD></TR>
    </TABLE>
    </DIV>

    <DIV id=menu2 onmouseover=menuOut(2) 
    style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 20px; HEIGHT: 20px" 
    onmouseout=menuBack(2)>
    <DIV class=cardbottom id=Layer2 
    style="Z-INDEX: 1; LEFT: 0px; WIDTH: 100px; POSITION: absolute; TOP: 17px; HEIGHT: 115px">
          <TABLE height="100%" width=100% align=center border=0 cellpadding="0" cellspacing="0">
            <TR>
        <TD class=td1 align="center">option1</TD></TR>
      <TR>
        <TD class=td1 align="center">option2</TD></TR>
      <TR>
        <TD class=td1 align="center">option3</TD></TR>
      <TR>
        <TD class=td1 align="center">option4</TD></TR>
      <TR>
        <TD>&nbsp;</TD></TR>
    </TABLE>
    </DIV>
    <TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
      <TR>
        <TD width=14 height=18><IMG height=18 src="stang.gif" 
          width=14></TD>
        <TD class=cardtitle width=86 bgColor=#99ccff 
    height=14>MENUCARD2</TD></TR>
    </TABLE>
    </DIV>

    <DIV id=menu3 onmouseover=menuOut(3) 
    style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 40px; HEIGHT: 20px" 
    onmouseout=menuBack(3)>
    <DIV class=cardbottom id=Layer3 
    style="Z-INDEX: 1; LEFT: 0px; WIDTH: 100px; POSITION: absolute; TOP: 17px; HEIGHT: 115px">
          <TABLE height="100%" width=100% align=center border=0 cellpadding="0" cellspacing="0">
            <TR>
        <TD class=td1 align="center">option1</TD></TR>
      <TR>
        <TD class=td1 align="center">option2</TD></TR>
      <TR>
        <TD class=td1 align="center">option3</TD></TR>
      <TR>
        <TD class=td1 align="center">option4</TD></TR>
      <TR>
        <TD>&nbsp;</TD></TR>
    </TABLE>
    </DIV>
    <TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
      <TR>
        <TD width=14 height=18><IMG height=18 src="stang.gif" 
          width=14></TD>
        <TD class=cardtitle width=86 bgColor=#99ccff 
    height=14>MENUCARD3</TD></TR>
    </TABLE>
    </DIV>

    <DIV id=menu4 onmouseover=menuOut(4) style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 60px; HEIGHT: 20px" onmouseout=menuBack(4)>
    <DIV class=cardbottom id=Layer4 style="Z-INDEX: 1; LEFT: 0px; WIDTH: 100px; POSITION: absolute; TOP: 17px; HEIGHT: 115px">
          <TABLE height="100%" width=100% align=center border=0 cellpadding="0" cellspacing="0">
            <TR>
        <TD class=td1 align="center">option1</TD></TR>
      <TR>
        <TD class=td1 align="center">option2</TD></TR>
      <TR>
        <TD class=td1 align="center">option3</TD></TR>
      <TR>
        <TD class=td1 align="center">option4</TD></TR>
      <TR>
        <TD>&nbsp;</TD></TR>
    </TABLE>
    </DIV>
    <TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
      <TR>
        <TD width=14 height=18><IMG height=18 src="stang.gif" width=14></TD>
        <TD class=cardtitle width=86 bgColor=#99ccff height=14>MENUCARD4</TD></TR>
    </TABLE>
    </DIV>
    </DIV>
    </div><!--logon-->
          
          <!--DWLayoutEmptyCell-->&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td height="306"></td>
          <td></td>
          <td></td>
        </tr>
      </table>
    </div>
    </BODY>
    </HTML>
      

  2.   

    <HTML>
    <HEAD>
    <TITLE></TITLE>
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    <STYLE type=text/css>
    .alpha {
    FILTER: Alpha(Opacity=80)
    }
    .td1 {
    FONT-SIZE: 10px; font-family: "tahoma"}
    .td2 {
    FONT-SIZE: 10px; CURSOR: hand; BACKGROUND-COLOR: #CFE7FF
    ; font-family: "tahoma"}
    .maskl {
    OVERFLOW: hidden
    }
    .cardtitle {
    BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 10px; BORDER-LEFT: black 0px solid; CURSOR: default; TEXT-INDENT: 4pt; BORDER-BOTTOM: black 0px solid
    ; font-family: "tahoma"}
    .cardbottom {
    BORDER-RIGHT: black 1px solid; BORDER-TOP: black 0px solid; FILTER: Alpha(Opacity=90); BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #99ccff
    }
    </STYLE>
    <SCRIPT language=Jscript>
    //用数组来存储多个timeOut标识.
    tBack=new Array(6);
    tOut=new Array(6);
    //激活当前选项卡.
    function menuOut(whichMenu){
    var curMenu=eval("menu"+whichMenu);
    curMenu.runtimeStyle.zIndex=6;
    clearTimeout(tBack[whichMenu]);
    moveOut(whichMenu);
    }
    //恢复初始状态.
    function menuBack(whichMenu){
    var curMenu=eval("menu"+whichMenu);
    curMenu.runtimeStyle.zIndex=curMenu.style.zIndex;
    clearTimeout(tOut[whichMenu]);
    moveBack(whichMenu);
    }
    //移动当前选项卡
    function moveOut(curNum){
    var curMenu=eval("menu"+curNum);
    if(curMenu.style.posLeft>0) {
    curMenu.style.posLeft-=2;
    tOut[curNum]=setTimeout("moveOut('"+curNum+"')",1);
    }
    }
    //移回选项卡.
    function moveBack(curNum){
    var curMenu=eval("menu"+curNum);
    if(curMenu.style.posLeft<30) {
    curMenu.style.posLeft+=2;
    tBack[curNum]=setTimeout("moveBack('"+curNum+"')",1);
    }}
    //鼠标移过时改变表格单元式样。
    function swapClass(){
    var o=event.srcElement;
    if(o.className=="td1") o.className="td2"
    else if(o.className=="td2") o.className="td1";
    }
    document.onmouseover=swapClass;
    document.onmouseout=swapClass;
    </SCRIPT>
    </HEAD>
    <BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0"><table width="260" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
     <td valign="top" bgcolor="#9933FF" id=mxh align="center">
        <DIV class=maskl id=menuPos 
    style="Z-INDEX: 1; LEFT: 12px; WIDTH: 132px; POSITION: relative; TOP: 14px; HEIGHT: 236px"> 
      <DIV id=menu1 onmouseover=menuOut(1) 
    style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: relative; TOP: 0px; HEIGHT: 20px" 
    onmouseout=menuBack(1)>
    <DIV class=cardbottom id=Layer1 
    style="Z-INDEX: 1; LEFT: 0px; WIDTH: 100px; POSITION: absolute; TOP: 17px; HEIGHT: 115px">
          <TABLE height="100%" width=100% align=center border=0 cellpadding="0" cellspacing="0">
            <TR>
        <TD class=td1 align="center">option1</TD></TR>
      <TR>
        <TD class=td1 align="center">option2</TD></TR>
      <TR>
        <TD class=td1 align="center">option3</TD></TR>
      <TR>
        <TD class=td1 align="center">option4</TD></TR>
      <TR>
        <TD>&nbsp;</TD></TR>
    </TABLE></DIV>
    <TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
      <TR>
        <TD width=14 height=18><IMG height=18 src="stang.gif" 
          width=14></TD>
        <TD class=cardtitle width=86 bgColor=#99ccff 
    height=14>MENUCARD1</TD></TR>
    </TABLE></DIV>
    <DIV id=menu2 onmouseover=menuOut(2) 
    style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 20px; HEIGHT: 20px" 
    onmouseout=menuBack(2)>
    <DIV class=cardbottom id=Layer2 
    style="Z-INDEX: 1; LEFT: 0px; WIDTH: 100px; POSITION: absolute; TOP: 17px; HEIGHT: 115px">
          <TABLE height="100%" width=100% align=center border=0 cellpadding="0" cellspacing="0">
            <TR>
        <TD class=td1 align="center">option1</TD></TR>
      <TR>
        <TD class=td1 align="center">option2</TD></TR>
      <TR>
        <TD class=td1 align="center">option3</TD></TR>
      <TR>
        <TD class=td1 align="center">option4</TD></TR>
      <TR>
        <TD>&nbsp;</TD></TR>
    </TABLE></DIV>
    <TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
      <TR>
        <TD width=14 height=18><IMG height=18 src="stang.gif" 
          width=14></TD>
        <TD class=cardtitle width=86 bgColor=#99ccff 
    height=14>MENUCARD2</TD></TR>
    </TABLE></DIV>
    <DIV id=menu3 onmouseover=menuOut(3) 
    style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 40px; HEIGHT: 20px" 
    onmouseout=menuBack(3)>
    <DIV class=cardbottom id=Layer3 
    style="Z-INDEX: 1; LEFT: 0px; WIDTH: 100px; POSITION: absolute; TOP: 17px; HEIGHT: 115px">
          <TABLE height="100%" width=100% align=center border=0 cellpadding="0" cellspacing="0">
            <TR>
        <TD class=td1 align="center">option1</TD></TR>
      <TR>
        <TD class=td1 align="center">option2</TD></TR>
      <TR>
        <TD class=td1 align="center">option3</TD></TR>
      <TR>
        <TD class=td1 align="center">option4</TD></TR>
      <TR>
        <TD>&nbsp;</TD></TR>
    </TABLE></DIV>
    <TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
      <TR>
        <TD width=14 height=18><IMG height=18 src="stang.gif" 
          width=14></TD>
        <TD class=cardtitle width=86 bgColor=#99ccff 
    height=14>MENUCARD3</TD></TR>
    </TABLE></DIV>
    <DIV id=menu4 onmouseover=menuOut(4) 
    style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: relative; TOP: 60px; HEIGHT: 20px" 
    onmouseout=menuBack(4)>
    <DIV class=cardbottom id=Layer4 
    style="Z-INDEX: 1; LEFT: 0px; WIDTH: 100px; POSITION: absolute; TOP: 17px; HEIGHT: 115px">
          <TABLE height="100%" width=100% align=center border=0 cellpadding="0" cellspacing="0">
            <TR>
        <TD class=td1 align="center">option1</TD></TR>
      <TR>
        <TD class=td1 align="center">option2</TD></TR>
      <TR>
        <TD class=td1 align="center">option3</TD></TR>
      <TR>
        <TD class=td1 align="center">option4</TD></TR>
      <TR>
        <TD>&nbsp;</TD></TR>
    </TABLE></DIV>
    <TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
      <TR>
        <TD width=14 height=18><IMG height=18 src="stang.gif" 
          width=14></TD>
        <TD class=cardtitle width=86 bgColor=#99ccff 
    height=14>MENUCARD4</TD></TR>
    </TABLE></DIV>
    </DIV>    
        </td>
      </tr>
    </table>
    </BODY>
    </HTML>