用 table 的 insertRow() 和 insertCell() 增加表格行时，所在 div 怎么会跳到页面下方去呢？

<button onclick="load()">加载数据</button> 



   <div  style="width: 600;height:370;overflow: auto;border-width : 1px;border-style : solid;">

	<table width="100%" id="dataTable"  align="center" border=1 style="border-collapse: collapse">

	    <tr style="font-weight:bold">

		    <td>编号</td>

		</tr>

			    <tr style="font-weight:bold">

		    <td>编号</td>

		</tr>

	</table>

   </div>



<script>

    

    function load(){

		for(var i=0;i<100;i++){

		   newRow = document.getElementById('dataTable').insertRow();



		   newCell = newRow.insertCell();

		   newCell.innerText = '编号';

		}

    }

</script>

上在代码点击 "加载数据" 按钮后，欲向表格中增加行，可以执行后，table 所在的 div 跑到页面下方去了。用上面的代码一执行就能看到这种效果，我所用的浏览器是 IE6。如果把生成的 HTML 代码保存成一个 html 文件，再次打开，其实是正常的。