menu en javascript

Estoy intentando hacer un menu desplegable en una pagina.
Para esto puse una tabla con style.display = none para que no lo muestre,

cuando paso por ensima de una imagen le cambio el style para que aparezca.

Hasta aca todo bien.
El problema lo tengo cuando quiero ocultar la tabla al salir de la misma.
Osea, cuando el mouse ya no está sobre la misma quiero que se oculte
nuevamente.
Para esto, puse en el evento mouseoute de esta tabla, un script para que

oculte. El problema es que la oculta cuando paso de una celda a la otra,

lugar de hacerlo cuando salgo de la tabla.

¿Como puedo resolver esto?
Gracias Grupo