aprire div al passaggio del mouse

[grgq]

ciao ho questo problema vorrei che al passaggio del mouse mi apre un div

più o meno ci sono riuscito però ho delle problematiche banali, dove le mie conoscenze non mi portano a nessuna soluzione


allora per aprire un div al "CLICK" del mouse faccio cosi

<script type="text/javascript">
function VediCheck(id,ck){
if(ck.nodeName=='INPUT'){
document.getElementById(id).style.display=(ck.checked)?'block':'none';
}
else{
document.getElementById(id).style.display=(document.getElementById(id).style.display=='none')?
'block':'none';
};
}
</script> 

nell'evento onclick funziona benissimo(al primo click apre al secondo chiude)

ora l'ho provato a mettere nell'evente onmouseover e funziona anche li

i problemi sono 2:
1)al passaggio del mouse apre il div, ma quando il mouse esce non sparisce;
2) e applicando l'evento onmouseover a una struttura cosi strutturata(scusate il gioco di parole)

<div id=1>
<div id=2>
</div>
</div> 

mi apre il div solo se passo nel div id=1
appena passo nel div=2 sparisce



secondo voi come potrei risolvere?

dovrei mettere onmouseover su ogni div figlio?

Grazie a tutti

[grgq]

se mette l'evento onmouseover su tutti i div sembra andare bene....ma probabilmente esiste un metodo più "pulito"

[grgq]

mi sta venendo in testa che forse la funzione deve essere modificata e specificare che l'evento deve valere anche per i div figli.....

secondo voi?