div层跟着鼠标走，到了下面不下去了

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<script type="text/javascript">
function showMenu(obj){
id=obj.id;
document.oncontextmenu=function(){
   return false; 
}
var div3 = document.getElementById('div3'); //将要弹出的层    
div3.style.display="block"; //div3初始状态是不可见的，设置可为可见    
//window.event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状.    
//clientX是鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。    
div3.style.left=event.clientX+1; //鼠标目前在X轴上的位置，加10是为了向右边移动10个px方便看到内容    
div3.style.top=event.clientY+1;
div3.style.position="absolute"; //必须指定这个属性，否则div3层无法跟着鼠标动
}
</script>
  </head>
  <body><center>
    <table border="1">
    <tr><td  oncontextmenu="showMenu(this);">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">s</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">d</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">f</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">g</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">h</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">j</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">l</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">k</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">;</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">j</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">l</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">k</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">d</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">s</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">e</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">a</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">r</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">w</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">w</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">t</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">e</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">y</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">u</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">q</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">z</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">x</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">c</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">右键点击这里一下。层就不跟着鼠标下去了。为什么啊。。</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">b</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">n</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">m</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">g</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">q</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">w</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">e</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">r</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">t</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">y</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">u</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">i</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">o</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">p</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">gf</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">dfv</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">bf</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">ss</td></tr>
    <tr><td  oncontextmenu="showMenu(this);">fd</td></tr>
    
    </table></center>
    <div id="div3" style="display:none;background-color:beige;width:80">
    <table>
     <tr><td>层不下去了。到了。开始的页面最下面</td></tr>
    </table>
</div>
  </body>
</html>