Dimensionamento dinamico tabelle in altezza

[florenceale]

Ho un problema per un mio sito che semplifico così:

ho due tabelle una sotto e una sopra, quella sotto varia in altezza a seconda dei contenuti...quella sopra sarebbe il "rivestimento" e deve sempre inseguire quella sotto e avere la stessa altezza.

Mi servirebbe un javascript che mi faccia coincidere sempre l'altezza di quella sopra con l'altezza di quella sotto.

l'esempio è questo:

link

e il codice che per ora ho quest'altro:

<div id="Layer2" style="position:absolute; width:300; height:150; z-index:1; left: 0px; top:0px;">
  <table width="450" height="800" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
    <tr>
      <td height="200">gdfgfd</td>
      <td>gfdgfd</td>
    </tr>
    <tr>
      <td width="50%" height="200">gfdgfd</td>
      <td width="50%">gfdgfdfdsfdsfds</td>
    </tr>
    <tr>
      <td height="200"></td>
      <td></td>
    </tr>
  </table>
</div>
<div id="Layer3" style="position:absolute; width:500; height:800; z-index:3; left: 0px; top: 0px;">
  <table width="500" border="1" cellpadding="0"  cellspacing="0" bordercolor="#FF0000">
    <tr>
      <td height="100" bgcolor="#FF0000"></td>
    </tr>
    <tr>
      <td height="300"></td>
    </tr>
    <tr>
      <td height="100" bgcolor="#FF0000"></td>
    </tr>
  </table></div>