Error document.GetElementById

[Jesica]

Hola gente
Tengo un problema con el siguiente codigó, es una gilla que se carga en un div. En el Explorer funciona, pero de todas formas me da el error 'document.getElementById(...)' es nulo o no es un objeto
Y si lo pruebo en firefox directamente no me carga la grilla y el error dice getElementsByTagName is not a function.
la linea del erro es la que dice: for (i = 0; i < xmlDataSet.getElementsByTagName('laboratorio').len gth; i++)
Les paso el codigo para q vean si encuentran el problemita...

esta es la función:

Código HTML:

function cargarGrilla()
{


	var tabla = '<table class="tabla"><tr>';
	tabla+='<th width="25" height="21" class="campoTexto">id</th>';
	tabla+='<th width="20%" height="21" class="CampoTexto">Nombre</th>';
	tabla+='<th width="30%" height="21" class="CampoTexto">Ubicacion</th>';
	tabla+='<th width="20%" height="21" class="CampoTexto">Telefonos</th>';
	tabla+='<th width="20%" height="21" class="CampoTexto">Responsable</th>';
	tabla+='<th width="20%" height="21" class="CampoTexto">Email Responsable</th></tr>';


	for (i = 0; i < xmlDataSet.getElementsByTagName('laboratorio').length; i++)	
{	
		var item = xmlDataSet.getElementsByTagName('laboratorio')[i];
		var idGrilla=i
		var id = item.getElementsByTagName('id')[0].firstChild.data;
		var cell = item.getElementsByTagName('nombre')[0];


		//tomo los valores del xml
		if (cell.firstChild && cell.firstChild.data)
		{
			var nombre = item.getElementsByTagName('nombre')[0].firstChild.data
		}
		else
		{
			var nombre = '';
		}

		var cell = item.getElementsByTagName('ubicacion')[0];
		if (cell.firstChild && cell.firstChild.data)
		{
			var ubicacion = item.getElementsByTagName('ubicacion')[0].firstChild.data;
		}
		else
		{
			var ubicacion = '';
		}

		var cell = item.getElementsByTagName('telefono')[0];
		if (cell.firstChild && cell.firstChild.data)
		{
			var telefono = item.getElementsByTagName('telefono')[0].firstChild.data;
		}
		else
		{
			var telefono = '';
		}

		var cell = item.getElementsByTagName('responsable')[0];
		if (cell.firstChild && cell.firstChild.data)
		{
			var responsable = item.getElementsByTagName('responsable')[0].firstChild.data;
		}
		else
		{
			var responsable = '';
		}


		var cell = item.getElementsByTagName('emailResponsable')[0];
		if (cell.firstChild && cell.firstChild.data)
		{
			var emailResponsable = item.getElementsByTagName('emailResponsable')[0].firstChild.data;
		}
		else
		{
			var emailResponsable = '';
		}


		tabla = tabla + '<td><div onclick="cargarCamposLaboratorios('+ idGrilla + ')">' + id + '</div></td>';
		tabla = tabla + '<td>' + nombre + '</td>';
		tabla = tabla + '<td>' + ubicacion + '</td>';
		tabla = tabla + '<td>' + telefono + '</td>';
		tabla = tabla + '<td>' + responsable + '</td>';
		tabla = tabla + '<td>' + emailResponsable + '</td>';
		tabla=tabla + '</tr>'
	}
	tabla= tabla + '</table>';

	document.getElementById('lista').innerHTML=tabla;
}

Y acá es en donde carga la grilla:

Código HTML:

<form name="formLista">
<div class="grilla "id='lista'>
</div>
</form> 

Desde ya muchisimas gracias!

Saludos