Bernd Müller: Positionierung von <div>'s in einer <td>, IE ok, Firefox nicht

Beitrag lesen

Hallo,
ich habe innerhalb einer Tabellenzelle mehrere div's übereinander positioniert :
'...
'<td colspan="2" width="722px" height="528px" style=" width:722px; height:528px; position:relative; background-color:#FFFFFF;">
'<div id="1" style="width:722px; height:528px; position:absolute; top:0; left:0; z-index:0; ">...</div>
'<div id="2" style="width:722px; height:525px; position:absolute; top:1px; left:0; z-index:1; background-color:#FFFFFF; filter:alpha(opacity=0); -Moz-Opacity:0.0;" > ...</div>
'<div id="3" style="width:722px; height:525px; position:absolute; top:1px; left:0; z-index:2; filter:alpha(opacity=0); -Moz-Opacity:0.0;" >...</div>
'....

Die 'absolute' Positionierung der div's sollte sich ja eigentlich relativ verhalten, da das Elternelement (<td>) ja eine von 'static' abweichende Positionierung aufweist.

Im IE funktioniert das auch ohne Probleme, die 3 div's liegen in der td genau übereinander wie gewollt, im Firefox jedoch werden die div's absolut zur Seite positioniert :(

Wie kann ich das ändern s.d. die divs in beiden Browsern innerhalb der td übereinander liegen ?

Thx im Voraus,
Bernd.