Definisci il primo livello con il Tag div

<div id="level1" style="position:absolute;visibility:hidden;z-index:1"

// zindex definisce il livello su cui vuoi lavorare 0 più basso 10 più alto.Ciò che descrivi nel livello 10 andrà sopra a ciò che sta nel livello 1 //

inserisci la tabella che sarebbe attualmente è nascosta
<table>

.....

</table>
</div>

poi definisci la seconda tabella che sarà quella visibile e che conterrà le voci primarie del menu.

<div id="level2" style="position:absolute;visibility:hidden;z-index:1">

//le ho messe nello stesso livello ma con nomi diversi//

poi la tabella
<table>
<tr>
<td>

CIAO onmouseover="attivamenu()" </p></td>
</tr>
</table>
</div>

nell'head della pagina definisci una funzione javascript

function attivamenu() {

document.getElementById('level1').style.visibility ="visible";
}

al passaggio del mouse sulla scritta ciao si si renderà visibile la seconda tabella che conterra i link che vorrai e all'utente il tutto appare come un menu

CIAO!!