html - css - ebenen

[ff]

Ich habe 3 Ebenen in einer Zelle, die sich teilweise ueberlappen sollen:

PHP-Code:

<style>
 #Ebene0 {position:relative; top:0px; left:6px; z-index:1;}
 #Ebene1 {position:relative; top:6px; left:6px; z-index:3;}
 #Ebene2 {position:relative; top:-20px; left:52px; z-index:2;}
</style>

<table cellpadding='0' cellspacing='0' border='0' style='table-layout:fixed; width:150px; height:150px;'>
 <tr>
  <td>
   <div id='Ebene1'>Inhalt_1</div>
   <div id='Ebene2'>Inhalt_2</div>
   <div id='Ebene3'>Inhalt_3</div>
  </td>
 </tr>
</table> 


Das funktioniert auch wunderbar, nur, warum wird trotz "table-layout:fixed;" die Zelle so weit auseinandergedrueckt, als ob die Inhalte untereinander stuenden? Wo ist da der Wirm drinn und wie laesst sich das vermeiden?

Danke und lg
ff