新增页面元素的问题

小弟欲实现在页面上新增一个div，我想在这个div上再加一个table
可是就是不可以
请各路大侠帮忙看一下
js方法如下function addNewDiv(){
var newDiv = document.createElement("div");//创建一个层
newDiv.text="newDiv!!";
var newTable = document.createElement("table");//创建一个table
var tr1 = document.createElement("tr");
var tr2 = document.createElement("tr");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var img = document.createElement("img");
newDiv.style.position = "absolute";
img.src = "/infol/images/check1.gif";
img.border = "0";
//td1.style.text-align="right";
td1.text = "审核";
tr1.appendChild(td1);
td2.appendChild(img);
tr2.appendChild(td2);
newTable.appendChild(tr1);
newTable.appendChild(tr2);
newDiv.appendChild(newTable);
newDiv.style.backgroundColor = "#0000FF";
newDiv.style.left="100px";
newDiv.style.top="100px";
newDiv.style.dispaly="inline";
document.body.appendChild(newDiv);
}页面效果如下：<div id="flowArea" style="height:250px;width:713;overflow:scroll;OVERFLOW-X:scroll;" >
<table border="0">
<tr>
<td style="text-align:right">
审核&nbsp;
</td>
</tr>
<tr>
<td>
<img src="/infol/images/check1.gif" border="0">
</td>
</tr>
</table>
</div>