Ciao a tutti, ho fatto questo semplicissimo esempio:

Codice PHP:
<html> 
<head> 
<style>
 div{
   border: 1px solid #000000;
 }
 
 div#cont{
   border: 1px solid #FF0000;
   padding: 25px 25px 25px 25px;
 }
</style>
<script> 
  function status(st){
    document.getElementById('text').value = st;
  }
</script> 
</head> 
<body> 
<div id="cont" onMouseOver="status('dentro')" onMouseOut="status('fuori');this.style.visibility='hidden'"> 
  uno

  due

  tre

</div> 
<input type="text" id="text"/>
</body> 
</html> 
In pratica, è un div che contiene del testo e appena il mouse va al di fuori del div "cont" (ovvero di se stesso), esso scompare; tutto ok, perfetto, funziona...

La stranezza sta in questo caso:

Codice PHP:
<html> 
<head> 
<style>
 div{
   border: 1px solid #000000;
 }
 
 div#cont{
   border: 1px solid #FF0000;
   padding: 25px 25px 25px 25px;
 }
</style>
<script> 
  function status(st){
    document.getElementById('text').value = st;
  }
</script> 
</head> 
<body> 
<div id="cont" onMouseOver="status('dentro')" onMouseOut="status('fuori');this.style.visibility='hidden'"> 
  <div id="uno">uno</div> 
  <div id="due">due</div> 
  <div id="tre">tre</div>
</div> 
<input type="text" id="text"/>
</body> 
</html> 
Ovvero, mettendo il testo all'interno di altri div annidati, quando il mouse va sopra ad uno dei tre div ("uno","due" o "tre"), il div principale scompare!!!! (div "cont"). Per quale motivo?

E' come se l'evento le zone occupate dai tre div, fossero esterne al div principale...

Boh...

vi ringrazio Max

ps: utilizzo internet explorer