Css - Display: problem

Jag har en tabell precis 2 gömda tabeller, hur får jag dessa att gå över den som är under?
Alltså, hur gör jag att dom 2 gömda tabellerna inte "knuffar" ner tabellen under och går över den istället?

css koden ser ut följande:

<style type="text/css">
.show { display: block }
.hide { display: none }
</style>

exempel på tabell koden:

<table width="289" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th width="119" scope="col" onMouseOver="if(document.getElementById)
document.getElementById('tabell1').className='show'; if(document.getElementById)
document.getElementById('tabell').className='show';" onMouseOut="if(document.getElementById)
document.getElementById('tabell1').className='hide'; if(document.getElementById)
document.getElementById('tabell').className='hide';">Visa tabell 1 </th>
    <th width="151" scope="col" onMouseOver="if(document.getElementById)
document.getElementById('tabell2').className='show'; if(document.getElementById)
document.getElementById('tabell').className='show';" onMouseOut="if(document.getElementById)
document.getElementById('tabell2').className='hide'; if(document.getElementById)
document.getElementById('tabell').className='hide';">Visa tabell 2 </th>
    <th width="19" scope="col">&nbsp;</th>
  </tr>
</table>

<table class="hide" id="tabell" width="290" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th width="119" scope="col">
   <table class="hide" id="tabell1" width="100" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th scope="col">Tabell 1 </th>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
      </tr>
    </table></th>
    <th width="151" scope="col">
   <table class="hide" id="tabell2" width="100" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th scope="col">Tabell 2 </th>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
      </tr>
    </table></th>
    <th width="20" scope="col">&nbsp;</th>
  </tr>
</table>
<table width="289" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th width="289" scope="col">Tabellen  under </th>
  </tr>
</table>