table centreret...?

Jeg prøver på at få en table til at være nøjagtig i midten af en frame, til det formål har jeg oprettet en table der fylder hele frame'n (100%x100%), i den har jeg sat til at centrere indhold både horisontalt og vertikalt.

Den table jeg så laver inden i den anden skulle jo så gerne stå i midten, men det gør den bare ikke, den bliver centreret, men sidder fast oppe i toppen af frame'n, hvordan kan det være?

(jeg har sat højden på den midterste table til at være
50%, det lader til at det måske kunne være det der skaber problemer men hvorfor?)



Her er koden for tables'ne:
-----------------------------------------------

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
  <tr>
    <td valign="middle"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td align="center" valign="middle"><table width="300" height="50%" border="1" cellpadding="0" cellspacing="0" bordercolor="#3300CC">
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
            </table></td>
        </tr>
      </table>