Javascript: Ebenen einfügen

[TheMiller]

Hallo,

möchte mit Javascript 2 Ebenen einfügen. Erste eine FullScreen-Ebene und darüber eine Ebene, die eine feste Größe hat. Im IE7 und im FF funktionierts, aber im IE6 überhaupt nicht. Die Box wird immer hinter alle anderen Ebenen gesetzt, obwohl sie den höchsten z-Index hat.

So solls in HTML aussehen:

Code:

<div id="background"></div>
<div id="box"></div>

Mit JS habe ich es so hinbekommen:

Code:

   
Hintergrund-Ebene erstellen:

         var objBody = document.getElementsByTagName("body").item(0);
   var objOverlay = document.createElement("div");
   objOverlay.setAttribute('id',background');
   objOverlay.style.display = 'none';
   objOverlay.style.position = 'absolute';
   objOverlay.style.top = '0';
   objOverlay.style.left = '0';
   objOverlay.style.zIndex = '90';
    objOverlay.style.width = '100%';
   objOverlay.style.height = pagesize[3]+pagescroll[1] + 'px';
   objBody.insertBefore(objOverlay, objBody.firstChild);


Box-erstellen

   objLoading.setAttribute('id', 'box');
   objLoading.style.display = 'block';
   objLoading.style.color = '#000000';
   objLoading.style.position = 'fixed';
   objLoading.style.left = '50px';
   objLoading.style.top = '100px';
   objLoading.style.zIndex = '100';
   objLoading.style.left = 350+'px';
   objLoading.style.top = ((pagesize[3]/2))-250+'px';
   objBody.insertBefore(objLoading, objBody.firstChild);

Wie gesagt, im IE7 und FF sieht's wunderschön aus. Nur im IE6 geht's garnet...

Danke im Voraus