Salve, ho seguito questo tutorial
http://www.html.it/articoli/accordio...e-con-i-css-2/

tuttavia ho notato che per ogni menu "LINK" c'è al massimo un singolo sottomenu. Io vorrei crearne più di uno, ma qualsiasi soluzione adotti, non mi dà il risultato sperato. Voi come fareste?

Io ho provato questa soluzione, e sebbene mi pare abbia una sua logica, non mi funziona.. nel senso che quando effettuo l'hover sul menu, il secondo sottomenu non mi appare e resta su display:none


codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>

<style type="text/css">
	ul#accordion, ul#accordion li{margin: 0;padding: 0;list-style: none}
	ul#accordion{width: 175px;border: 1px solid #9A9A9A;font-size: 12px}
	ul#accordion a{display: block;height: 25px;overflow: hidden;
		padding-left: 10px;text-decoration: none;color: #333}
	ul#accordion strong{display: block;height: 25px;line-height: 25px;
		margin-left: -10px;padding-left: 10px;color: #FFF;
		background: #7E7E7E url(bk.png) repeat-x top}
	ul#accordion a:hover{height: auto;overflow: auto}
	ul#accordion a:hover strong{background:url(bk.png) repeat-x bottom}
	
	/*------mio codice per tentare di creare un secondo sottomenu------*/
	li#prova{display:none}
	ul#accordion a:hover li#prova{display:block} /*<------- Qui tento di visualizzare il sottomenu quando viene effettuato l'hover*/
	

 
</style>

</head>

<body>


<ul id="accordion">[*]
        Link 1 descrizione link 1
        <li id="prova">sottomenu 2   
    [*]Link 2 descrizione link 2[*]Link 3 descrizione link 3[*]Link 4 descrizione link 4[*]Link 5 descrizione link 5[/list]


</body>
</html>