Problema con menu desplegable..

[elcamaleon007]

Hola a todos.. por favor, necesito una ayudita con el siguiente problema..

tengo <area>'s sobre mi imagen..estas, al hacer rollover, hacen aparecer tablas por debajo, como menu desplegable..en la version anterior, funcionaba perfectamente..le hice unos pequeños cambios y ahora las tablas que están ocultas, definitivamente lo están, mi problema es que ocupan en la web, el espacio que no deberian ocupar por estar ocultas..(al previsualizar queda un espacio vacio donde estan escondidas las tablas)

les dejo el codigo de uno de los botones..

Código HTML:

<!--Area sobre la imagen-->
<map name="image1Map">
<area shape="rect" coords="9,-2,49,23" href="javascript:;" 
onMouseOver="MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide','cerrar','','show');" 
onMouseOut="MM_showHideLayers('menu1','','hide','cerrar','','show');">
</map>


<!--El div que contiene a la tabla-->
<div class="ubicar1" id="menu1" onMouseOver="MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide','cerrar','','show');" 
onMouseOut="MM_showHideLayers('menu1','','hide','cerrar','','show');"> 
                  <table...


<!--La clase que llama el div-->

.ubicar1{
position: static; width:137px; height:30px; margin-top: -25px; z-index:2; visibility: hidden;
}

creo que no me olvido de nada.. por favor, solo necesito que desaparezca ese espacio en el preview de la pagina..

[JavierB]

Hola elcamaleon007

Prueba cambiando visibility: hidden; por display:none

Saludos,

[elcamaleon007]

la verdad no me funciono.. el javascript funciona bien.. cuando le doy display: none, no aparece en menu..con visibility sip!!
creo que una vez mas ley de Murphy..ahora funciona bien y no se porque..muchas gracias de todas formas!! :D