div'er med baggrund kommer ikke frem i ie

Hej

Jeg har, synes jeg selv, en lidt spøjs fejl her...

Funktionen fungerer efter planen i Firefox, men det går galt i IE...

Meningen er, der skal genereres en hel del lag, som er nestet inde i hinanden, og via. z-index, skal de positioneres ovenpå hinanden.

Jeg kan genskabe konstruktionen ved at skrive html'en direkte ind og styre den i min css - og det skøre er ligeledes, det fungerer fint i Firefox, men i IE bliver kun oBoxContent placeret og vist, men oBoxShadow bliver ikke konstrueret - eller det gør den, men dens childs bliver ikke vist.

Kan IE ikke håndtere objekters objekter i DOM/JS ?

Min funktion (i uddrag):

function showShadowBox(iWidth, iLeft, iTop, sText){
    var oBody = document.getElementsByTagName("BODY")[0];
   
    if (oBody) {
        var oBoxShadow = document.createElement("DIV");
        var oBoxContent = document.createElement("DIV");
       
        // add properties, child elements and text to oBoxContent
        //oBoxContent.setAttribute("id",sBoxId);
        oBoxContent.setAttribute("id", "boxContent");
        oBoxContent.style.left = iLeft + "px";
        oBoxContent.style.top = iTop + "px";
        oBoxContent.style.width = iWidth + "px";
        oBoxContent.innerHTML = "<div class='content'>" + sText + "</div>";
       
        // add element to oBoxContainer
        oBody.appendChild(oBoxContent);
       
        // get height of box
        iHeightOfContentBox = oBoxContent.clientHeight;   
           
        // add properties and child elements to oBoxShadow
        oBoxShadow.setAttribute("id","boxShadow");
        oBoxShadow.style.top = iTop - iNegativeMarginDropShadow + "px";
        oBoxShadow.style.left = iLeft - iNegativeMarginDropShadow + "px";
        oBoxShadow.style.height = iHeightOfContentBox + iSizeOfDropShadow + "px";
        oBoxShadow.style.width = iWidth + iSizeOfDropShadow + "px";
       
        // create child elements to oBoxShadow
        var oShadowRepeatTop = document.createElement("DIV");
        oShadowRepeatTop.setAttribute("class", "shadowRepeatTop");
        oShadowRepeatTop.style.left = iWidthOfShadowCorner + "px";
        oShadowRepeatTop.style.width = iWidth + iSizeOfDropShadow - iWidthOfShadowCorner - iWidthOfShadowCorner + "px";
        oShadowRepeatTop.style.height = iHeightOfShadowCorner + "px";
        oBoxShadow.appendChild(oShadowRepeatTop);
       
        // add element to oBoxContainer
        oBody.appendChild(oBoxShadow);
       
        return false;
    }
}




#Mailand