grafisches fenster aus 9 teilen mit CSS

[bigmek]

Ich möchte von den table layout auf CSS umsteigen nur leider bekomme ich es nicht überall hin.

Ich habe mir aus einer tabelle ein eigenes fenster gebastelt
der aufbau ist wie folgt

  
  <table width="100%" height="100%">  
    <tr height="20"> <!-- top -->  
      <td width="20">1</td> <!-- left -->  
      <td width="*">2</td> <!-- center -->  
      <td  width="20">3</td> <!-- right -->  
    </tr>  
    <tr height="*"> <!-- middle -->  
      <td width="20">1</td> <!-- left -->  
      <td width="*">2</td> <!-- center -->  
      <td  width="20">3</td> <!-- right -->  
    </tr>  
    <tr height="20"> <!-- bottom -->  
      <td width="20">1</td> <!-- left -->  
      <td width="*">2</td> <!-- center -->  
      <td  width="20">3</td> <!-- right -->  
    </tr>  
  </table>  

nur bekomme ich das nicht in css umgewandelt.
kann mir wer helfen?