Problemi menù a comparsa

[marilari]

Ho preparato una pagina con un menù che al passaggio sulla voce gallery, ne apre un secondo. Accade però che quest'ultimo menù scompare scorrendo le sue voci. Mi sapreste dire da cosa dipende e come correggere il codice?

questa è la parte del menù:

<table><tr> <td><div class="menu">Home</div></td> 
<td><div class="menu">about me</div></td> 
<td><div class="menu" onMouseOver="compare()">gallery</div></td> 
<td><div class="menu">contact</div></td> 
<td><div class="menu">link</div></td> </tr>
</table> 
<div id="menu_gallery" onMouseOut="setTimeout('scompare()',500)">
<table id="galleria" cellpadding="0" cellpadding="0"> <tr> 
<td><div>glamour</div></td> <td><div>fashion</div></td> 
<td><div>book</div></td> <td><div>porttrait</div></td> 
<td><div>landscape</div></td> <td><div>street</div></td> 
<td><div>avifauna</div></td> <td><div>trip</div></td> </tr>
</table> </div>

le due funzioni sono semplicissime:

<script language="javascript">
function scompare(){
var mg=document.getElementById("menu_gallery");
mg.style.visibility="hidden";
}

function compare(){
var mg=document.getElementById("menu_gallery");
mg.style.visibility="visible";
}
</script>