Inanzitutto vi ringrazio per l'attenzione: mitrovo impegnato con un grattacapo mica da ridere!


Ho un problemino con un menu a lista verticale:
Codice html:
codice:
<div id="menu">
			<h2 class="hidden">Menu Chi siamo</h2>
			<ul>
				[*]Missioni
				[*]Attivit&agrave;
				[*]Cerca per testo lungo lungo
			[/list]
</div>
Codice css:
codice:
/*MENU*/
#menu{ margin: 10px 0 0 0; color:#FFF; float:left; width:222px; }

#menu ul{ list-style:none; 
	background-image:url(../img/menu_ul_bg.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom; 
	padding: 0 1px 13px 1px;
	}
	
#menu li{ 
	background-image:url(../img/menu_li_bg.jpg); 
	background-repeat:repeat-x; 
	background-color:#EFF0F0;
	border-top: solid 1px #D0D2D1;
	border-right: solid 1px #D0D2D1;
	border-left: solid 1px #D0D2D1;
	display:block;
}
#menu li a{ 
	text-decoration:none;
	font-size:1.2em;
	padding:6px 0 6px 9px;
	display:block;
	height:18px;
	height:auto;
}

#menu li a:hover{ background-color:#E1E3E3;}
Ovviamente Firefox Ie7 e altri browser tutto Ok ie 6 visualizza dello spazio sotto al link come se fosse applicato del margine al link o del padding al LI

PORCA ZOZZA!!! le ho provate tutte

Di seguito vi riporto l'immagine del problema.