Problem mit DIV-Bereichen (IE vs FireFox)

[DSchak]

hab ein riesen problem mit <div> bereichen im IE. Im firefox klappt alles super. Ich hab eine Page mit tables und wollte jetzt ein paar kleine Bilder über die Tabellen klatschen und dachte mit z-index Anweisungen sollte es kein Problem sein. Die DIV-Bereiche habe ich nun "relativ" angelegt und es sieht super aus. Im IE verschiebt sich alles total nach unten.

Was muss ich bei IE und div-bereichen wissen? gibts doch bestimmt nen trick?

Codeauszug:
#a1 { position:absolute; top:40px; left:-980px; width:980px; height:20px;
      z-index:10;}

#a2 { position:absolute; top:40px; left:-980px; width:980px; height:20px;
      z-index:20;}

#ablatt { position:absolute; top:0px; left:0px; width:0px; height:0px;
      z-index:30;}
#abiene{ position:absolute; top:0px; left:-970px; width:0px; height:0px;
      z-index:30;}
#aspinnennetz{ position:absolute; top:0px; left:0px; width:0px; height:0px;
      z-index:-10;}