innerHTML problema con IE7

[lugacio]

Ciao,

stò crendo delle semplici interfaccia javascript per iniziare ad imparare ad usare i DOM...

Ho creato un combo che con il cambiamento dovrebbe popolare un'elenco

function popola_text(){
    var x=document.getElementById("combo").selectedIndex;
    var a=document.getElementById("combo");
    var d=[a.getElementsByTagName("option")[x].value];
    document.getElementById("tenda").innerHTML =lista[d];
    alert(document.getElementById("tenda").innerHTML)
    delete x;
    delete a;
    delete d;
}
var lista= new Array("<option value='o,ciao'>senza nome1-1</option><option value='c,iao'>senza nome1-2</option><option value='ci,ao'>senza nome1-3</option><option value='cia,o'>senza nome1-4</option>",...); 

Il problema è che in Firefox funziona a meraviglia
ma non in IE

L'alert mi posta

senza nome1-1</option><option value='c,iao'>senza nome1-2</option><option value='ci,ao'>senza nome1-3</option><option value='cia,o'>senza nome1-4</option> 

come se tagliasse l'apertura della tag

Qualcuno sa aiutarmi?