menu sottolivello

[vide91]

Salve,
sto utilizzando un menu che non utilizza i sottolivelli, e vorrei mantenere le stesse caratteristiche aggiornandolo con un menu con sotto livelli.
La parte html mia è cosi composta

<div class="main">
			<ul class="nav">
				[*]Home
				[*]Gestione utente
					<ul>
						[*]Inserimento
						[*]Modifica 
						[*]Elimina
						[/list]
				
				[*]Gestione Profilo
					<ul>
						[*]Modifica
						[*]Cancella
						[/list]
				
				[*]Contact
				[*]Disconetti
			[/list]
		</div>

Penso sia corretto, sul css invece io studiando quest'esempio ho solo un menu ad un solo livello,come posso modificarlo per renderlo multilivello?

body {
}

p,ul {padding-bottom: 1.2em;}

li {list-style: none;}



/* Corpo Principale */
.main {
	border-top: 4px solid #FFF;
	background: url(img/bgmain.gif) repeat-y;
}


.nav {
	float: left;
	width: 210px;
}
.nav h2 {
	color: #5A5A43;
	font-size: 1em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}


.nav ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}



.nav li {
	border-bottom: 1px solid #EAEADA;
}




.nav li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}




.nav li a:hover {
	background: #F0F0EB;
	color: #654;	
}

Grazie

[Prill]

Ciao, ti converrebbe basarti per il css su un menu con sottolivelli (trovi esempi in rete) e poi modificarlo in accordo al menu di partenza