div visible solo al pasar el ratón

[angeldelolmo]

Tengo un div que aparece al pasar el ratón, y no soy capaz de hacer que desaparezca cuando el ratón deja de estar encima...


Div que aparece:

Código PHP:

   <div style="position: absolute; left: 620px; bottom: 100px ;visibility:hidden" id="caja">texto</div> 
   

Código enlace que llama al div:

Código HTML:

<a href="#" class="asterisk" onmouseover="muestra_caja()">Why this?</a> 

javascript:

Código PHP:

  <script language="javascript">
    function muestra_caja(){
        document.getElementById('caja').style.visibility = 'visible'
    }
</script> 
  

[Legoltaz]

Usa el evento onMouseOut.

Código JavaScript:

<a href="#" class="asterisk" onMouseOver="document.getElementById('caja').style.visibility='visible'" onMouseOut="document.getElementById('caja').style.visibility='hidden'">Why this?</a>
 

Personalmente creo que es mejor usar la propiedad display que la propiedad visibility.