Ciao a tutti,
ho un problema con l'utilizzo dei div su firefox.
Mi capita spesso di dover realizzare un menu che ha delle voci principali e delle voci secondarie che devono essere visualizzate quando clicco sulla voce principale.
Se realizzo il tutto con i div e faccio una cosa del genere:

<div onclick="Visualizza('menu1')">
Menu1
</div>
<div id="menu1" style="display:none">
SOttomenu2
</div>

<div onclick="Visualizza('menu2')">
Menu1
</div>
<div id="menu1" style="display:none">
SOttomenu2
</div>

'Visualizza' è una semplice funzione javascript che imposta la proprieta style o su none o su inline.

Su firefox quando clicco sulla voce principale o non mi visualizza il sottomenu oppure se associo al div della voce principale un background, mi visualizza il sotto menu, ma non sposta le immagini del backgroud.

Se invece realizzo il tutto con le tabelle:

<table>
<tr>
<td>
Menu1
</td>
</tr>
<tr>
<td>
<table id="menu1" style="display:none">
<tr>
<td>Sottomenu1</td>
</tr>
</table>
</td>
</tr>

Così funziona. Solo che devo per forza assegnare id="Menu1" alla table, se faccio così:
<tr id="menu1">
<td>
<tablestyle="display:none">
<tr>
<td>Sottomenu1</td>
</tr>
</table>
</td>
</tr>
Ogni volta che clicco sulla voce principale visualizza niente e aggiunge uno spazio tra i due menu.
Come faccio ad utilizzare i div con FireFox?
Grazie mille