Función javascript que no funciona como debe...

[|Miguel|]

Hola, buenas tardes a todos, ¿qué tal?

Bueno, estoy haciendo una web para el cole y necesito algo sencillo, pero que no sé porqué me está dando un problema...
Tengo una tabla y con un menú de navegación y una de las celdas debe abrir un submenú (que está en una capa DIV) al pasar el ratón por encima, hasta ahí todo bien. El problema viene al quitar el ratón (no desaparece) o al pasar éste sobre las opciones, desaparece en cuanto lo quitas de encima de la 1ª opción... y yo no veo el fallo... en fin,
Funciones:

Código [Seleccionar] Expandir

<script type="text/javascript">
function muestra(id)
{
document.getElementById(id).style.visibility='visible';
}

function oculta(id)
{
document.getElementById(id).style.visibility='hidden';
}
</script>

La capa:

Código [Seleccionar] Expandir

<div id="subMenu" class="menu" onMouseOut="javascript:oculta('subMenu');">
    <span class="menu">
       <a href="tintos.html">Vinos tintos</a><br/>
       <a href="blancos.html">Vinos blancos</a><br/>
       <a href="mostos.html">Mostos</a>
    </span>
</div>

Y la celda que llama:

Código [Seleccionar] Expandir

<td width="116" class="menu" onMouseOver="javascript:muestra('subMenu');" >Nuestros vinos</td>

Gracias a todos, un Saludo.

PD: si alguien me dice las etiquetas para el tag CODE de html y java script edito el mensaje para que salga el codigo como es debido...

[|Miguel|]

Vale ya lo he solucionado, he puesto llamadas a ambas funciones tanto en la celda como en la capa y he agrandado la capa de forma que quede superpuesta con la celda y le he metido al principio de la capa un <br/>... sí, es cutre, pero funciona..  


Un saludo y gracias a todos.