急,关于div来创建菜单的问题
我得代码如下
<body>
<table>
<tr onmouseover="document.all.layer_1.style.display='block'" onmouseout="document.all.layer_1.style.display='none'">
<td>
first
</td>
<td valign="top">
<div id="layer_1" style="background-color: #eeeeee;position:absolute;display:none;z-index:100;overflow:auto">
<table>
<tr onmouseover="document.all.layer_2.style.display='block'" onmouseout="document.all.layer_2.style.display='none'">
<td>
second
</td>
<td>
<div id="layer_2" style="background-color: #eeeeee;position:absolute;display:none;z-index:100;overflow:auto">
<table>
<tr>
<td>
third
</td>
</tr>
<table>
</div>
</td>
</tr>
<table>
</div>
</td>
</tr>
</table>
</body>
第一层没有问题,但是第二层就出现问题了,有谁知道怎么解决么?