滚动定位问题

Question

<DIV id="Lay1" style="BORDER: 1px solid #FF0000;OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 90px;FONT-SIZE: 9pt">
<table width=100% id=x>
<tr><td bgcolor=#00cccc width=100%>1 </td></tr>
<tr><td bgcolor=#00cccc width=100%>2 </td></tr>
<tr><td bgcolor=#00cccc width=100%>3 </td></tr>
<tr><td bgcolor=#00cccc width=100%>4 </td></tr>
<tr><td bgcolor=#00cccc width=100%>5 </td></tr>
<tr><td bgcolor=#00cccc width=100%>6 </td></tr>
<tr><td bgcolor=#00cccc width=100%>7</td></tr>
<tr><td bgcolor=#00cccc width=100%>8 </td></tr>
<tr><td bgcolor=#00cccc width=100%>x </td></tr>
<tr><td bgcolor=#00cccc width=100%>x </td></tr>
<tr><td bgcolor=#00cccc width=100%>x </td></tr>
</table>
</DIV>
<input name=line>
 <input type=button onclick="a()">
 <script>
 var o
 function a()
 {
 o = document.getElementById("x").rows[parseInt(line.value)-1]
 document.getElementById("Lay1").scrollTop =  getTop() - document.getElementById("Lay1").offsetHeight/2+document.getElementById("x").rows[parseInt(line.value)-1].offsetHeight/2
 }
 function getTop()
 {
  n = 0
  n+=o.offsetTop
  while(o.tagName!="TABLE") 
    {o=o.parentElement
    n+=o.offsetTop
    }
    return n
 }
 </script>