Code Working But Giving Error In IE

I have given a snippet of code where I am deleting rows which having index more than 11. Its working fine even it in IE(means at least giving result). But it giving error in error console of Mozilla & "Error on Page in IE".

<code>
if(single_record != ''){
var record_data = single_record.split("#*#");var no_of_rows1 = document.getElementById(table_id).rows.length;
var x = document.getElementById(table_id).insertRow(0);
x.style.backgroundColor = tr_Color;// TR bgcolor is set
var no_of_rows = document.getElementById(table_id).rows.length;// To find total no. of rows

var g0=x.insertCell(0); g0.align = "center";
var g1= x.insertCell(1);g1.align = "center";
var g2=x.insertCell(2);g2.align = "center";
var g3=x.insertCell(3);g3.align = "center";
g0.innerHTML = '<font face="Verdana, Arial, Helvetica, sans-serif" size="1" color = "#000000" >'+record_data[0]+'</font>';
g1.innerHTML= '<font face="Verdana, Arial, Helvetica, sans-serif" size="1" color = "#000000" >'+record_data[1]+'</font>';
g2.innerHTML= '<font face="Verdana, Arial, Helvetica, sans-serif" size="1" color = "#000000" >'+record_data[2]+'</font>';
g3.innerHTML='<font face="Verdana, Arial, Helvetica, sans-serif" size="1" color = "#000000" >'+record_data[3]+'</font>';
if(no_of_rows > 11){
for(var m = 10;m<no_of_rows;m++){
document.getElementById(table_id).deleteRow(m);// HERE MIGHT B THE ERROR
}}}
</code>