Salve a tutti e grazie per la vostra attenzione. Ho fatto un menu a tendina in solo CSS però mi trovo un problema con i sottomenu, ovvero quando il mouse sul menu, mi si aprono le varie tendine dei sottomenu e quando tolgo il mouse mi si richiudono. E fino a qui tutto bene. Il problema è quando torno sulla stessa voce, perchè mi si aprono le tendine dei sotto menu vuote un automatico. Sembra che mi abbia tenuto in memoria il vecchio passaggio. E non riesco a togliere questo effetto memoria.
Qui sotto vi ho messo il listato.
Vi prego aiutatemi non sono espertissimo in materia e ci sto perdendo un casino di tempo.

Grazie mille per l'aiuto.

Ciao

<style type="text/css">
#nav{
list-style: none;
text-align: center;
font: bold 12px Arial;
padding: 0;
margin-left: 0px;
}

#nav a {
text-decoration:none;
display:block;
width:100%;
color: #FFFFFF;
padding: 4px 0px 6px 0px;
}

#nav ul {
padding: 0;
margin:0;
list-style: none;
z-index:99;
position:relative;
overflow:visible;
display:none;
}

#nav li {
margin:0;
position: relative;
float:left;
display:block;
height:25px;
background: black url(Nero1.gif) center center repeat-x;
width: 124px;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

#nav ul li{
height: auto;
font: 11px Arial;
}

#nav ul ul{
display:none;
position:absolute;
margin-left:51%;
}

#nav ul ul li{
}


#nav a:hover{
background: red url(Rosso1.gif) center center repeat-x;
color: #FFFF00;
}

#nav li:hover{
background: blue url(Blu1.gif) center center repeat-x;
}


#nav ul li a:hover{
background: orange url(Arancio1.gif) center center repeat-x;
color: #000000;
}

#nav ul li:hover{
background: blue url(Blu1.gif) center center repeat-x;
}

#nav a:hover, #nav li:hover, #nav ul li:hover, #nav ul li a:hover{
}


#nav ul li>ul, #nav ul ul li>ul{
margin-top:-24px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
display:none;
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
display: block;
}

li>ul {
top: auto;
left: auto;
}


.Stile1 {
font-size: 10px;
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
}

.Titolo_pagina {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #FF0000;
text-align: center;
}
.Testo_pagine {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
}
body {
background-color: #FFFFFF;
margin-left: 10px;
margin-top: 0px;
}
body,td,th {
color: #FFFFFF;
}
</style>
<body>
<table width="1010" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<ul id="nav">[*]
Menu A
<ul>[*] Menu A1
<ul>[*] Menu A2[*] Menu A2[*] Menu A2[*] Menu A2[/list]
[*] Menu A1
<ul>[*] Menu A2[*] Menu A2
<ul>[*] Menu A3[*] Menu A3[*] Menu A3[*] Menu A3[/list]
[*] Menu A2[*] Menu A2[*] Menu A2[/list]
[*] Menu A1
<ul>[*] Menu A2[*] Menu A2[*] Menu A2[*] Menu A2[*] Menu A2[/list]
[*] Menu A1
<ul>[*] Menu A2[*] Menu A2[*] Menu A2[*] Menu A2[/list]
[*] Menu A1
<ul>[*] Menu A2[*] Menu A2[*] Menu A2[*] Menu A2[*] Menu A2[*] Menu A2[/list]
[/list]
[*]
Menu B
<ul>[*] Menu B1[*] Menu B1[*] Menu B1[*] Menu B1[/list]
[*]
Menu C[*]
Menu D
<ul>[*] Menu D1
<ul>[*] Menu D2[*] Menu D2[*] Menu D2[*] Menu D2[/list]
[*] Menu D1
<ul>[*] Menu D2[*] Menu D2
<ul>[*] Menu D3[*] Menu D3[*] Menu D3[*] Menu D3[/list]
[*] Menu D2[*] Menu D2[*] Menu D2[/list]
[*] Menu D1
<ul>[*] Menu D2[*] Menu D2[*] Menu D2[*] Menu D2[*] Menu D2[/list]
[*] Menu D1
<ul>[*] Menu D2[*] Menu D2[*] Menu D2[*] Menu D2[/list]
[*] Menu D1
<ul>[*] Menu D2[*] Menu D2[*] Menu D2[*] Menu D2[*] Menu D2[*] Menu D2[/list]
[/list]
[*]
Menu E[*]
Menu F[*]
Menu G[*]
Menu H
<ul>[*] Menu H1[*] Menu H1[*] Menu H1[/list]
[/list]

</td>
</tr>
</table>

<p class="Titolo_pagina">Pagina</p>


</p>
</body>
</html>