向td元素中添加table元素IE不显示，firfox正常 显示

<html> 
<head> 
<script   language='javascript'> 
function   InsertMenu(){ 
var   r=document.createElement('tr'); 
var   c=document.createElement('td'); 
r.appendChild(c); 
document.getElementById('mtab').appendChild(r); var   table=document.createElement('table'); 
var   tr=document.createElement('tr'); 
var   th=document.createElement('td'); 
var   tbody=document.createElement('tbody'); 
table.appendChild(tr); 
table.appendChild(tbody); 
tr.appendChild(th); 
th.innerHTML='tddddddddddddh'; 
c.appendChild(table); 
} 
</script> 
</head> 
<body> 
<table     border='1'> 
<tbody   id='mtab'> 
</tbody> 
</table> 
<script   language='javascript'> 
InsertMenu(); 
</script> 
</body> 
</html>