Imprimir Página - Función javascript que no funciona como debe...

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:

<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:

<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:

<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...

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: |Miguel| en 20 Enero 2012, 19:00 pm