Salve!

ho creato una galleria di immagini in javascript che fa uso di un iframe per modificare dinamicamente i commenti delle foto. non so se sia il modo migliore per farlo, ma pare che funzioni.

il codice javascript è questo:

var str_iFrameDoc = (document.all)? "document.frames(\"Comment\").document\;": "document.getElementById(\"Comment\").contentDocum ent\;";

onload = initialize;
function initialize() {
iFrameDoc = eval(str_iFrameDoc);

iFrameDoc.open();
iFrameDoc.writeln("<html>");
iFrameDoc.writeln("<head>");
iFrameDoc.writeln("</head>");
iFrameDoc.writeln("<body style=\"font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #EEEEDD; color:#111111; font-size: 12px;\" MONOSPACE></body></html>");
iFrameDoc.close();
}

function iFrameAlterCont(testo) {
iFrameDoc = eval(str_iFrameDoc);
riquadro = iFrameDoc.body;

if (document.all) {
riquadro.innerHTML = testo;
}
else if(document.getElementById && document.createTextNode) {
riquadro.innerHTML = testo.toString();
}
}

l'iframe è così definito:
<iframe frameborder="0" height="50" width="100%" name="Comment" id="Comment"></iframe>

il problema è che in IE l'iframe non ha affatto lo stile che gli ho assegnato, ma ha sfondo bianco e testo times new roman nero... insomma, la formattazione del body non funziona.
dove sbaglio?