Premetto che studio (poco) seriamente javascript da un paio di giorni...

Ho la seguente funzione:
codice:
<script language="JavaScript" type="text/javascript">
<!--
var domande=0;
function controllo(elemento) {
    var e=document.getElementById(elemento);
    var contenuto=e.value;
    if (contenuto!==""){
    e.style.background='lightgreen';
    domande++;
    }else{
    e.style.background='red';
    domande--;
    }
    if (domande > 6) {
    var pr = document.getElementById('tasto');
    pr.style.display='table-cell';
    }
}
//-->
che richiamo da 7 campi di input:
codice:
<textarea id="codice" name="codice" cols="10" rows="1" onblur="controllo(this.id);"></textarea>
e che dovrebbero far apparire un tasto
codice:
<td id="tasto" style="display: table-cell;" colspan="2" align="center"><input name="submit" type="submit" value="Memorizza" /></td>
non appena vengono riempiti con del contenuto tutti i campi!

Questo funziona perfettamente in Firefox, mentre in IE ottengo il fatidico errore:
"previsto oggetto"


Jslint, che uso saltuariamente per validare il codice che scrivo, lo valida correttamente... e non capisco come mai non funzioni!
Mi sapete dire il perchè?