Problemi con ul e li

[Jo3]

Ciao a tutti : ho il seguente pezzo di codice HTML :

<ul class="alberoCompleto">
<li id="FullLevel1" class="Level1">
L1_Area1
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="FullLevel1.1" class="Level2">
Gestione Settori
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="FullLevel1.2" class="Level2">
News Categorizzate
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="FullLevel1.3" class="Level2">
Registrazione
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="FullLevel1.4" class="Level2">
Aggiornamento Profilo
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="FullLevel1.5" class="Level2">
Home Page Personalizzata
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="selectedFullLevel1.6" class="selectedLevel2">
Ricerca News
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="FullLevel1.7" class="Level2">
Form Modifica Password
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="FullLevel1.8" class="Level2">
Elenco eventi
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="FullLevel1.8.1" class="Level3">
3 livello
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="FullLevel1.9" class="Level2">
form1
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="FullLevel2" class="Level1">
L1_Area2
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="FullLevel3" class="Level1">
L1_Area3
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="FullLevel4" class="Level1">
L1_Area4
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">
<li id="FullLevel5" class="Level1">
L1_Area5
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">[/list]

Che rappresenta il menu sotto allegato :







Il css che formatta tale html e' il seguente :


.alberoCompleto {
margin-bottom: 0em;
list-style-type:none;
margin-left: 0px;
padding-left: 0px;
}

ul.alberoCompleto{
background-color:#e8e8e8;
margin:0px;
}

ul.alberoCompleto li{

font-size: 0.8em;
margin-left: 0px;
list-style-position: outside;
vertical-align: middle;
text-align: left;
padding-top:1px;
padding-bottom:4px;
}

.alberoCompletoSel {
color: #ff5a00;
}

ul.alberoCompleto li a{

color:#000000;
font-size:1em;
}

ul.alberoCompleto li.Level1 {
text-indent: 10px;
background-color:#cecece;
}

ul.alberoCompleto li.selectedLevel1 {
text-indent: 10px;
background-color:#cecece;
}


ul.alberoCompleto li.Level2 {
margin-left: 25px;
background-color:#e8e8e8;
}

ul.alberoCompleto li.selectedLevel2 {
margin-left: 25px;
background-color:#e8e8e8;
}


ul.alberoCompleto li.Level3 {
margin-left: 40px;
background-color:#e8e8e8;

}


ul.alberoCompleto li.selectedLevel3 {
margin-left: 40px;
background-color:#e8e8e8;
}



Nell'immagine, si nota che tra gli li di separazione (
<li style="line-height:0px;height:1px;font-size:0px;background-color:#a7a7a7;padding:0em;margin:0em;">


e gli[*] veri e propri compare un certo spazio che non riesco ad eliminare nemmeno ponendo i border degli li = 0;

qualcuno saprebbe darmi una dritta?