vorrei realizzare un semplice menu orizzontale, in cui all'hover di un link appaia un menu verticale
come potete vedere è già tutto fatto, ma non sono iuscito a far funzionare bene il menu verticale: in base alle definizioni che ho provato appare o troppo/troppo poco largo, oppure con troppa distanza tra i link

questa soluzione funziona con tutti i browser tranne che con ie6
sarà inserito in una pagina interna, quindi questo non dovrebbe essere un problema, ma non sarebbe male se ci fosse una soluzione basata solo su css

qui il codice
codice:
Il CSS
	  html, body, div, ul, li {margin:0; padding:0;}
	  body {font-family:Verdana, Geneva, sans-serif; font-size:12px;}
	  
	  #navcontainer {background:#9CF; text-align:center;}
	  #navlist {padding: .2em 0; margin: 0; list-style-type:none; color: #FFF; text-align: center; margin:auto;}
	  
	  #navlist li {display:inline; position:relative; z-index:1;}
	  #navlist li a {text-decoration:none; padding:.2em 1em;}
	  #navlist li a:hover {background-color:#369; color:#fff;}
	  #navlist li ul {visibility:hidden;position:absolute; top:100%; left:0; z-index:2; width:200px;}
	  #navlist li ul li {padding:0px 5px; margin:0; width:100%;}
	  #navlist li ul li a {width:100%;}
	  #navlist li ul li a:hover {}
	  #navlist li:hover > ul {visibility:visible;}

-----

L'HTML
<div id="navcontainer">
<ul id="navlist">
<li id="active">Item one[*]
  riepilogo
  <ul>[*]impostazioni 1[*]impostazioni 2[*]impostazioni 3[*]impostazioni 4[*]impostazioni 5[/list]
[*]impostazioni[*]layout[*]contenuti[*]account[*]statistiche[/list]
</div>