Ayuda con IE y Firefox

[Reynier]

Hola:
Tengo este código que me trabaja a la perfección en IE:

Código HTML:

<script language = "javascript">
function nuevaOpcion() {
   var t = document.getElementById("t");  //cojo la tabla
   var nuevaFila = document.createElement("TR");
   var nuevaCol = document.createElement("TD");
   var  nuevoTextBox = document.createElement('<INPUT TYPE="text" NAME="el_nombre">');
   nuevoTextBox.setAttribute("id", "el_id");
   nuevaCol.appendChild(nuevoTextBox);
   nuevaFila.appendChild(nuevaCol);
   t.tBodies[0].appendChild(nuevaFila);

   //puedes pnerlo ahi al durotambien, no dentro de una tabla, es decir, los input serian hijos del docuement, pero no del form, por tanto, cuando 
   //le des submit no se enviarian, para insertarlos dentro del form, pones document.form1.appendChild(nuevoTB);

/*  var nuevoTB  = document.createElement("<INPUT TYPE='TEXT' NAME='nombre' VALUE='algo'>");
    document.body.appendChild(nuevoTB);*/   
}
</script>
<input name="btnAdicionarOpcion" type="submit" id="btnAddOp" value="Enviar" onClick="nuevaOpcion();return false;">
<form id="f" name = "form1">
   <table id="t" width="200" border = "2">
      <tbody>
       <tr>
           <td>fila 1....<td>
       </tr>
      </tbody>
  </table>
</form> 

pero no se como estandarizarlo y que en Firefox me funcione tambien. Alguna ayuda? Que documento puedo leerme que me permita estandarizar el codigo entre IE y Firefox?

Salu2

[caricatos]

Hola Reynier:

Me parece que nuevoTextBox no lo tienes bien definido:

var nuevoTextBox = document.createElement('INPUT');
nuevoTextBox.type = "text";
nuevoTextBox.name = "el_nombre";

Saludos