error de visualizacion en IE

[cancha]

salu2 señores, el problema que presenta el codigo es que en IE no se vizualisa nada absolutamente, mientras que en firefox se vizualisan normalmente los objetosHTML pero tengo unos pequeños detalles en el codigo, especificamente con el atributo "rowspan" de una columna("td"), para lo cual cree la variable(de nombre columnat1_1) que hace referencia a una etiqueta "td"
y le asigne a su atributo rowspan el valor de 3(de esta manera columnat1_1.setAttribute('rowspan','3');) pero no llega a funcionar mientras que hay otra columna con el atributo colspan con valor 2 y que este si funciona(columna2_4.setAttribute('colspan','2');), y otro detalle que cuando se presiona el boton agregar y luego eliminar y repetimos el mismo procesos varias veces, entre la fila1 y la fila2(la que se agrega) se comienza a resaltar un distanciamiento, un espacio en blanco que crece mas y mas conforme se presione los botones, e intentado hallar la causa del problema pero no llego a hallarla hasta el momento espero me ayuden a identificar los errores la URL de la pagina es esta
http://es.geocities.com/canchar2h/tarea.html
vizualisenla con Firefox e Internet Explorer ahh y hay alguna otra manera de hacer ese mismo HTML con JS pero con una cantidad reducida de codigo?...

[Bellenger]

Lo que pasa es que IE, no deja crear directamente las filas en una tabla, para ello debes seguir la jerarquia dom:

Código PHP:

  <table> 
 <thead> 
   <tr> 
     <td>Titulo</td> 
   </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Dato 1</td> 
  </tr> 
  <tr> 
   <td>Dato 2</td> 
  </tr> 
  <tr> 
   <td>Dato 3</td> 
  </tr> 
 </tbody>  
   

Como te daras cuenta existe antes de los tr y td respectivos, una etiqueta mas, esto es por que es la estructura normal de una tabla html, y tanto ie como fx lo reconocen. Por lo cual no debes agregar directamente los tr y td a la tabla, sino mas bien al tbody, y luego este a la tabla:

Código PHP:

  tabla=document.getElementById('tu_tabla'); 
elTbody=document.createElement('tbody'); 
eltTr=document.createElement('tr'); 
eltTd=document.createElement('td'); 
eltTx=document.createTextNod('Una fila'); 
eltTd.appendChild(eltTx); 
eltTr.appendChild(eltTd); 
elTbody.appendChild(eltTr); 
tabla.appendChild(elTbody);  
   

Claro esta que deberas crear un solo tbody, ya que esto es generico....
Saludos...