Salve, per il mio sito sto realizzando un menu css a comparsa seguendo questa guida: http://css.flepstudio.org/css-tutori...e-di-base.html

Ho però un problema: se provo a dare una dimensione maggiore alla seconda lista, quella che "appare", gli elementi del menu della sottolista non sono messi uno sotto l'altro, ma accanto, fino a riempire lo spazio orizzontale.
Qui vedete la bozza su cui sto lavorando, si capisce bene: http://www.ildeposito.org/bozza/

Io ovviamente vorrei che gli elementi del sotto menu siano uno sotto l'altro..

Mi potete dare una mano?

Ecco il css che sto usando:

codice:
#menu{
padding:0;
margin:0;
}

#menu ul{
padding:0;
margin:0;
}

#menu li{
position: relative;
text-align: left;
float: left;
list-style: none;
margin: 0;
padding:3px;
}

#menu li a{
height: 20px;
display: block;
text-decoration:none;
color: #414141;
margin-right: 10px;
margin-left: 3px;
font-weight: bold;
font-size: 12px;
}

#menu li a:hover{
color: #A20000;
}

#menu ul ul{
position: absolute;
top: 20px;
visibility: hidden;
background-color: #ffffff;
border: 1px solid #bbbbbb;
width: 150px;
}

#menu ul ul li a {
	font-weight: normal;
	font-size: 11px;
	height: 12px;
	margin: 0px;
}

#menu ul li:hover ul{
visibility:visible;
}
Grazie a tutti