Agregar un tr a una tabla en IE

[soma]

Primero que nada un saludo.

Tengo un problema tengo un formulario con varios campos en mi pagina y deseo que cuando el usuario presione un boton la información de estos campos se agregue en una tabla que esta abajo (vacia) para esto ocupo la función agregar(), nada más que en Internet explorer no funciona en Fire fox si.

function agregar()
{
acum++;
var elemento=document.createElement('tr'); //creo una fila
elemento.setAttribute('width','100%'); // tamaño de la fila
elemento.setAttribute('align','center');
elemento.setAttribute('id','fila');

var tdcan=document.createElement('td');
var txtcan=document.createTextNode(document.form1.cant idad.value);
tdcan.appendChild(txtcan);
elemento.appendChild(tdcan);

var obj=document.getElementById('productos'); //productos es el id de mi tabla
obj.appendChild(elemento);
}

alguien conoce una forma de agregar la fila a la tabla

[JavierB]

Hola soma. Bienvenido al foro.

Prueba poniendo un tbody a la tabla:

Código:

<table>
<tbody id="productos">
...
</tbody>
</table>

Saludos,

[soma]

muchas gracias, si funciono lo del tbody

ahora nada más me surge otra duda existe alguna forma de cuando creo la fila le puedo agregar un listener para un evento por ejemplo, quiero que cuando el mouse pase por encima la fila cambie de color, se que este esta ligado con el evento mouseover, teniendo la misma complicación que corra tanto en IE como en Firefox