Tabelle in Tabelle

[Fuchspower]

In einem Script, das ich zu benutzen gedenke, habe ich mehrere Klappbereiche (toggle).
Da mehrere Klappfenster untereinander stehen, wollte ich alle umrahmen, das unternehme ich simplerweise mit <table bgcolor>. Jedoch ist es nun so, dass sich Klappfenster innerhalb eines Klappfensters befinden. Dieses würde jedoch bedeuten, dass ich ein <table> innerhalb einer <table> hab, was sich grafisch nicht veranschaulichen lässt.

Hier der Code:

  
<table bgcolor="00FF00" width="90%" border="1" cellpadding="2" cellspacing="2">  
  
  <tbody>  
  
    <tr>  
  
      <td>  
      <font size="+3"><a href="javascript:toggle('Kl')">Klapp1</a></font>  
      <div id="Kl" style="display: none;">  
<center>  
  <table bgcolor="#FF0000" width="80%" border="1" cellpadding="2" cellspacing="2">  
  
          <tr>  
  
            <a href="javascript:toggle('Kl2')">  
            <b>Klapp2</b></a>  
            <div style="display: none;" id="Kl2"><br>  
  
Inhalt von Klapp2            </div>  
</center>  
  
            <br>  
  
          </tr>  
      </table>  
      </div>  
  
      </td>  
  
    </tr>  
  
  </tbody>  
</table>  

Leider wird jedoch die "innere" Tabelle lediglich mit einer Linie versehen, nicht einem ganzen Kasten. Wie muss ich das Problem angehen?