el mismo codigo me va bien en firefox y no en internet explorer

[lagunafmr]

El error lo obtengo cuando intento acceder a los elementos de una cadena, si el código lo ejecuto en firefox no tengo problema, pero al hacerlo en internet explorer me da error. Lo he intentado visualizar con un alert y me dice undefined, mientras que en firefox veo cada elemento de la cadena. Aquí os dejo el código javascript y a ver si me podeis ayudar.

Gracias.

Código:

function comprovaCamps(){
	var val1 = true;
	var val2 = true;
	
	var camp1 = document.getElementsByName("nom");
	var camp2 = document.getElementsByName("mail");
	var camp3 = document.getElementsByName("comentari");
	var valform = document.getElementsByName("formescriure");
	
	var cad = camp2.namedItem('mail').value;
	var arroba = false;
	var punto = false;

	if (camp1.namedItem('nom').value == ""){
		alert(" Introduixca text al camp Nom. ");
		camp1.focus();
		val1 = false;
	}
	
	if (camp2.namedItem('mail').value == ""){
		alert(" Introduixca text al camp E-mail. ");
		camp2.focus();
		val2 = false;
	}
	else{
		var cont = 0;
		while (cont <= cad.length - 1){
			alert(cad);   // veo toda la cadena en los 2 navegadores.
			if (arroba != true){
				alert(cad[cont]);  // con firefox, veo cada elemento y //con ie me da undefined.
				if (cad[cont] == '@'){
					arroba = true;	
					alert(arroba);
				}
			}
			
			if ((cad[cont] == '.') && (arroba == true)){
				var punto = true;
			}
				
			cont++;
		}
		
		alert(arroba + ' - ' + punto);
		
		if ((arroba == true) && (punto == true)){
			if ((val1 == true) && (val2 == true)){
				valform.namedItem('formescriure').submit();
			}
		}
		else
			alert(' Direcció de correu no vàlida. ');
	}
}