Ciao a tutti!

E' la prima volta che scrivo sul forum quindi vi chiedo scusa se non riuscirò a spiegare le cose in modo chiaro.
Vorrei creare un menu a tendina in cui le voci del sottomenu appaiano solo al passaggio del mouse. Ho letto il vostro articolo "un menu a tendine solo con i css" (http://www.html.it/articoli/un-menu-...o-con-i-css-1/) e ho copiato la parte di codice css che mi interessava, ma non funziona. O meglio, il sottomenu appare al passaggio del mouse, ma solo dopo che sono entrata nella pagina relativa alla voce principale (cioè, se passando il mouse su "Voce1" io mi aspetto che compaia la tendina con il relativo sottomenu, questo invece accade solo dopo che ho cliccato "Voce1".

Questo è il codice che ho scritto (le prime tre regole c'erano già, io ho aggiunto le successive):



#topmenu .moduletable {
border: 0px solid #000;
}


#topmenu .moduletable a {
color: #433728;
border-right: 2px solid #F5F0B6;
}
#topmenu .moduletable a:hover,
#topmenu .moduletable a:active {
display: block;
background: #CCAD66;
color: #433728;
}


#topmenu li ul {
display:none;
}
#topmenu li:hover ul{
display: block;
list-style:none;
position: absolute;
z-index:1;
width:130px;
padding:0;
margin: 1px;
}
#topmenu li li {
border:none;
width:150px;
}
#topmenu li li a {
padding: 2px 2px 2px 10px;
}


Qualcuno saprebbe risolvere il mistero? Io non so proprio come fare....

Grazie in anticipo a tutti!!!

PS: se può essere rilevante, sto modificando i css dei template di joomla 2.5