Problema onmouseover - onmouseout

[noize86]

Salve a tutti..
ve ne sarei grato se mi aiutaste in un piccolo problema..

allora.. sto costruendo un menu con css e javascript..ma non mi riesce..
vorrei fare in modo che quando passo sopra la voce1, mi si aprisse un sottomenu.. quando passo sopra voce2..idem.. e così via.. v posto il codice..

Codice Html:
<div id="menu">
Voce1
<ul>[*]subvoce101[*]subvoce102[*]subvoce103[*]subvoce104[/list]
</div>

Css:
#menu {width:148px; height:20px; margin:0 auto; padding:5px 0; float:left; background-color:#f1f1f1; border-left:dotted 1px #cccccc; border-right:dotted 1px #cccccc; border-top:dotted 1px #cccccc}

#menu:hover {background-color:#f9f9f9; color:#FF9900}

#menu ul { margin:9px 0 0 0; display: block; visibility:hidden}

#menu li {width:148px; height:20px; margin:0 auto; padding:5px 0; background-color:#f1f1f1; border:dotted 1px #cccccc; }

#menu li:hover { background-color:#FFFFFF; color:#666666}

dove sta l'errore?

[Xinod]

nel fatto che non specifichi di quale ul stai parlando
document.getElementsByTagName('ul')[0] per il primo
document.getElementsByTagName('ul')[1] per il secondo
...
ciao

[noize86]

quindi?! in pratica cosa dovrei fare?

[noize86]

up!!

[Xinod]

per esempio nasconde il primo ul nel div con id="menu"
document.getElementById('menu').getElementsByTagNa me('ul')[0].style.visibility='hidden';

ciao