Layers med relativ positionering?

Kan lige poste koden med:

<table style="width:100%; height:100%; overflow:hidden; padding:0px; margin:0px;">
<tr>
<td style="width:100%; height:100%;" valign="center" align="center">

<div style="background-color:#000; width:900px; height:590px; padding:0px; margin:0px; overflow:hidden; text-align:left;">

<div style="z-index: 1; position: relative; left:1px; top:1px; background-color:white; width:200; height:200px;">
Hejsa
</div>
<div style="z-index: 2; position: relative; left:20px; top:20px; background-color:red; width:200; height:200px;">
Hejsa
</div>

</div>

</td>
</tr>
</table>


Meningen er at den røde boks skal overlappe den hvide.

Fandt en løsning =)