Problema menù a tendine annidati

[Tudor]

Salve,

ho provato ad impostare un menù a tendine con delle liste annidate con questa sintassi impostando una posizione relativa al tag <ul> e una assoluta al tag[*]

#menu ul li {position:relative;}
#menu ul li ul {display:none; position:absolute;} 
#menu ul li:hover ul {display:block;}

adesso però ne voglio annidare un'altra, ma non ci riesco perchè quando provo ad impostare la posizione relativa al[*] annidato e assoluta al <u>l che viene dopo, appena provo a spostare <ul> mi trascina anche la lista più esterna. Ho impostato il codice così:

#menu ul li ul li {position:relative;}
#menu ul li ul li ul {position:absolute; display:none;}
#menu ul li ul li:hover ul {display:block;}

Grazie per chi risponde.

[ResianTaxidrive]

come dovrebbe venire fuori il tuo menu? Ho come l'impressione che stai complicando un tantino il tutto.

[fcaldera]

puoi postare un esempio minimale su jsfiddle.net o jsbin.com ? oppure ci mostri visivamente cosa vuoi ottenere e con quanti livelli di annidamento?

[Tudor]

Ho risolto... grazie lo stesso!