DOM-Scripting & IE

[jumboweinert]

Liebe Leute!

Ich hänge gerade an einem großen Problem.
Habe erfolgreich ein DOM-Script geschrieben, welches eine Liste(ul/li) in eine Variable schreibt, und diese dann vom DOM löscht.
Später wird diese Liste wieder in einem Overlay mit anderem Design ausgegeben.

Nun habe ich das ganze auf'm Mac sowohl mit FireFox, als auch Safari getestet. Funktioniert einwandfrei, so wie ich das will.

Der Internet Explorer 8 (win XP) wendet mein Script zwar auf den aktiven Quelltext an, allerdings nicht auf die Anzeige.
Und FireFox unter win XP gibt sich nicht mal die Mühe, mein Script überhaupt anzuwenden.

function makeOverlay() {
var overlay = document.createElement("div");
overlay.setAttribute("id","overlay");
overlay.setAttribute("class", "overlay");
document.body.appendChild(overlay);
overlay.innerHTML = (listOfManu);
}

function restoreOverlay() {
document.body.removeChild(document.getElementById("overlay"));
}

function removeManuList() {
listOfManu = document.getElementById('manufacturerslist').innerHTML;
var titleHTML = document.getElementById('titleIMG').innerHTML;
document.getElementById('manuListContainer').removeChild(document.getElementById('manufacturerslist'));
var manuList = document.createElement('ul');
manuList.setAttribute('id','manufacturerslist');
document.getElementById('manuListContainer').appendChild(manuList);
manuList.innerHTML = (titleHTML);
}

removeManuList() wird onload aufgerufen.
document.getElementById('titleIMG') ist ein Bild mit onclick="makeOverlay()".

Also sollte das ganze so funktionieren, wie in den anderen Browsern, oder? Was mache ich falsch?
Wenn ich im Internet Explorer in den Quelltext schaue, taucht zwar dort das Bild so auf, wie ich es haben möchte. Nur wird es nicht angezeigt.

Liebe Grüße und herzlichsten Dank für Hilfe!!!
jumboweinert