Menú desplegable

[snakn]

Buenas, tengo este pequeño problema y no consigo solucionarlo estoy empezando con javascript.

Este es el código que utilizo para ocultar el tr

Código PHP:

   
<script language="javascript"> 
 
function mostrar(){ 
            document.getElementById("categorias").style.visibility="visible"; 
      } 
function ocultar(){ 
            document.getElementById("categorias").style.visibility="hidden"; 
      } 
 
       
</script>  
  

Y este el código del menu

Código PHP:

  <table width="191" border="0" align="center" cellpadding="1" cellspacing="1"> 
          <tr> 
            <td bgcolor="#000000"><div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF"><strong>INICIO</strong></font></div></td> 
          </tr> 
          <tr class="fila_0" onMouseOver="javascript:mostrar()" onMouseOut="javascript:ocultar()"> 
            <td><div align="left"><a href="noticias.php" class="menu">· Noticias</a></div></td> 
          </tr> 
          <tr class="fila_0" id="categorias"> 
            <td><div align="left"><a href="categorias.php" class="menu">&nbsp;&nbsp;&nbsp;&nbsp;- Categorias</a></div></td> 
          </tr> 
</table>  
   

El problema con el que me encuentro es que al ocultar el tr de categorias se me queda el tr en blanco y yo lo que quería hacer es que ese tr desapareciese, emulando un menu desplegable.
Saludos y gracias.

[zerokilled]

en lugar de la propiedad visibility, usa display = "none". visibility puede ocultar elementos pero deja intacto el espacio que este ocupa en el canvas (area donde se muestran los documentos HTML) mientras que display modifica la forma en que el elemento es analizado. con display = "none" es como si el elemento nunca hubiera existido de modo que el navegador reubica los elementos de su alrededor.

[snakn]

Muchas gracias ha funcionado a la perfección.
Un saludo.