<html>
<head>
<title>This is a test</title>
<script type="text/javascript" language="JavaScript1.2">
<!--
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 Test(obj,show)
{
var p;
var o;
if(!obj) return;
o=MM_findObj(obj);
if(!o) return;
if('hide'==show) {o.style.visibility='hidden';return;}
else if('show'==show)
{
p=o.parentNode;
o.style.left=p.offsetLeft;
o.style.top=p.offsetTop+p.offsetHeight;
o.style.visibility='visible';
}
}
//-->
</script>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<div id="parent" style="z-index:1;position:absolute;overflow:visible;">
<table bgcolor="yellow" style="width:0px;font-family:Verdana;font-size:8pt;border:1px solid black;cellspacing:0px;cellpadding:0px">
<tr>
<td nowrap onmouseover="Test('child','show')" onmouseout="Test('child','hide')">item1
<div id="child" style="z-index:1;position:absolute;overflow:visible;visibility=hidden">
<table bgcolor="blue" style="width:0px;font-family:Verdana;font-size:8pt;border:1px solid black;cellspacing:0px;cellpadding:0px">
<tr>
<td nowrap>child1</td>
</tr>
<tr>
<td nowrap>child2</td>
</tr>
</table>
</div>
</td>
<td nowrap>item2</td>
</tr>
</table>
</div>
</table>
</body>
</html>