Prendendo spunto dal menù di questo sito
http://www.selvanova.com/vini/ita/
sto tentando di ricreare il menu a tendina a comparsa.

Ho visto un po il codice tramite la sorgente pagina e ho impostato in questo modo il mio codice HTML

codice:
<div  id="menu">

<ul>
[*]L'azienda
<ul>[*]La storia[*]Le persone[*]Mission e Vision[/list]

[*]Prodotti e Marchi
<ul>[*]Categoria1[*]Categoria2[*]Categoria3[*]Categoria4[*]Categoria5[*]Categoria6[*]Categoria7[*]Categoria8[*]Categoria9[*]Categoria10[/list]

[*]Servizi e Tecnologie
<ul>[*]Servizi[*]Tecnologie[/list]

[*]Gallery
<ul>[*]Gallery[*]Case study[/list]


[*]Testimonials
<ul>[/list]

[*]Contatti
<ul>[*]Dove siamo[*]Calcola il percorso[*]Richiedi Info[/list]

[/list]
</div>





Poi ho provato a scrivere qualche riga di CSS

codice:
/*------------------------------Inizio menu*/
	
#menu{
	     background:url(../img/menu.png);
	     height:66px;
	     width:100%;
	      }

#menu ul{
}

#menu li{
        position: relative;
        float: left;
        list-style: none;
} 

#menu li a{
width:184px;
height: 30px;
display: block;
text-decoration:none;
text-align: center;
line-height: 30px;
color:#CCC;
} 

#menu li a:hover{
background-color: red;
} 



#menu ul ul{
position: absolute;
top: 30px; 
visibility: hidden;
} 

#menu ul li:hover ul{
visibility:visible;
} 
		  
		  	  
		  
/*------------------------------fine menu*/


Il menù funziona l'unica cosa che non mi riesce è quella di mettere le sottovoci in orizzontale.
P.S l'effetto con cui compaiono le sottovoci nel sito che ho linkato sopra si tratta di JS?
Nel sorgente mi sembra di vedere solo due js (jcarousel e Fancybox) che non sembrano per quell'effetto