js中设置层显示问题，显示不了

<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script type="text/javascript">
function setLayersStatus(div_id, status) {
document.getElementById(div_id).style.dispaly=status;
}
</script>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="600" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td align="center"
onMouseOver="setLayersStatus('menu1','block')"
onMouseOut="setLayersStatus('menu1','block')">
<div id="menu1"
style="position: absolute; top: 30px; width: 135px; height: 75px; z-index: 2; display:none;"
onMouseMove="setLayersStatus('menu1','block')"
onMouseOut="setLayersStatus('menu1','block')">
<table width="135" border="1" align="center"
cellpadding="0" cellspacing="0" class="table">
<tr>
<td>
<a>菜单一下的１</a>
</td>
</tr>
<tr>
<td>
<a>菜单一下的2</a>
</td>
</tr>
</table>
</div>
菜单一
</td>
<td align="center">
|
</td>
<td align="center"
onMouseOver="setLayersStatus('menu2','block')"
onMouseOut="setLayersStatus('menu2','none')">
<div id="menu2"
style="position: absolute; top: 30px; width: 135px; height: 75px; z-index: 2; display: block;"
onMouseMove="setLayersStatus('menu2','block')"
onMouseOut="setLayersStatus('menu2','none')">
<table width="135" border="1" align="center"
cellpadding="0" cellspacing="0" class="table">
<tr>
<td>菜单二下的1</td>
</tr>
<tr>
<td>
<a>菜单二下的2</a>
</td>
</tr>
</table>
</div>
菜单二
</td>

　　　　　　　　　　　　　　　</tr>
</table>
</body>
</html>
为什么不能达到效果!!!麻烦各位赐教！谢谢