I have structure like below in my page, somehow it seems invalid. may be you people guide me.

HTML Code:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <div id="datarow">
I am using getElementbyID.innerHTML to add new data row like this
HTML Code:
var a = document.getElementbyId("datarow").innerHTML;
document.getElementbyId("datarow").innerHTML = a + "<tr><td>[B]NEW DATA[/B]</td></tr>";
in Firefox it is working good, and add a new row. but in IE it do not add the data below the first row, it add data at the Right of the First data.

you can check it hree http://zeeshanhashmi.110mb.com/jscript/test.html run this and see the results in FF and IE.

Please guide