problema realizzazione drop down menu

[fabiodj]

Ragazzi sto realizzando un drop down menu con i css utilizzando vari esempi presenti in giro ma non capisco perché mi viene una riga orizzontale vuota, poi sotto un altra riga con il menu e cliccando viene il sottomenu ....
Mi aiutate per favore

la pagina è visibile al seguente link
www.marketingsummit.it/menu.htm

	<style type="text/css">



#menu{
margin:0;
padding:0;
width:990px; height:30px;
background: yellow;
}


#menu ul{
padding:0;
margin:0 auto;
width:990px; height:30px;
text-align:center;
line-height: 20px;
}

#menu li{
width:110px;
position: relative;
float: left;
list-style: none;
margin: 0 auto;
padding:0;
display:inline-block;
text-align:center;
}

#menu li a{
margin:0;
width:110px;
height: 30px;
display: block;
text-decoration:none;
text-align: center;

background-color: black;
color: white;
}

#menu li a:hover{
background-color: red;
}

#menu li ul{
width: 110px;
position: absolute;
top:0px;
visibility: hidden;
}

#menu li:hover li{
width: 110px;
visibility:visible;
}

#menu ul ul{
position: absolute;
top: 75px;
visibility:hidden;
width:115px; /*larghezza pare alla larghezza degli elementi a*/
}
</style>


<div id="menu">
<ul>
[*]<a id="TR" href="#nogo">


L'Evento</a>
<ul>[*][*]<a href=index1.asp?IDmenu=2>Agenda[*]<a href=index1.asp?IDmenu=3>Workshop</a>[/list]
[*]<a id="TR" href="#nogo">


Espositori</a>
<ul>[*][*]<a href=index1.asp?IDmenu=5>Come Esporre[*]<a href=index1.asp?IDmenu=6>B-Matching</a>[/list]
[*]<a id="TR" href="#nogo">


Visitatori</a>
<ul>[*][*]<a href=index1.asp?IDmenu=9>B-Matching[*]Registrazione[/list]
[*]<a id="TR" href="#nogo">


Location</a>
<ul>[*]<a href=index1.asp?IDmenu=12>L'Hotel</a>[*]Come Arrivare[/list]
[*]<a id="TR" href="#nogo">


Speaker</a>
<ul>[*]<a href=index1.asp?IDmenu=15>Gli Speaker</a>[/list]
[*]<a id="TR" href="#nogo">


Sponsor</a>
<ul>[*]<a href=index1.asp?IDmenu=16>Sponsorizzare</a>[/list]
[*]<a id="TR" href="#nogo">


Media Center</a>
<ul>[*][*]<a href=index1.asp?IDmenu=18>Rassegna Stampa[*][*]<a href=index1.asp?IDmenu=20>Gallery/Video[*]<a href=index1.asp?IDmenu=21>Registrazione Press</a>[/list]
[*]<a id="TR" href="#nogo">


Contatti</a>
<ul>[*]Ufficio Stampa[*]<a href=index1.asp?IDmenu=24>Come Arrivare</a>[/list]
</div>

[Nobody33]

ECCO QUI il tuo menu modificato e funzionante.

A parte la tua richiesta, t'ho modificato anche da

#menu li a{height:30px}

a

#menu li a{min-height:30px}

[fabiodj]

Praticamente era questo l'errore ?

[fabiodj]

Ho provato a effettuare alcuni accorgimenti come da link
www.marketingsummit.it/index1.asp
ma le scritte vengono sfalsate rispetto allo sfondo del div .....
Posto codice:

 

div#page{left:50%;margin-left:-486px;position:absolute;top:0;width:990px;}
div#header{margin:auto;background: url(bg-header.png) repeat; width:972px; height:200px;}
div#logo{width:500px;height:180px;float:left;}
div#rightheader{float:right;width:466px;z-index:4;}
div#infoheader{width:466px;height:165px;display: table;z-index:5;}
div#cellheader{display:table-cell;vertical-align:middle;text-align:center;font-family:verdana; font-size:16pt; font-weight: bold; color:white;z-index:6;}
div#risultato{float:right;width:470px;height:15px;display:block;text-align:center;z-index:7;}
div#lingua{position:relative;float:right;z-index:8;top:-180px;right:2px;width:80px;color:white;}
.clearboth{clear:both;/*background:black;*/padding:2px;}

#menu{
margin:0 auto;
padding:0;
width:990px; 
height:30px;
background:yellow;
}


#menu ul{
padding:0;
margin:0;
text-align:center;
}

#menu li{
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
text-align:center;
}

#menu li a{

margin:0;
border-left: 1px dotted #C0C0C0;
width:115px; 
height: 30px; 
display: block;
font-family:verdana; 
font-weight: normal;
font-size: 11px; 
color:black;
text-decoration:none;
min-height:30px;}

#menu li a:hover{
background-color: red;
}


#menu ul ul{
position: absolute;
top:30px;
visibility:hidden;
width:115px; /*larghezza pare alla larghezza degli elementi a*/
background:  #C0C0C0;
    border-bottom: 2px solid  #C0C0C0;
	border-right: 2px solid  #C0C0C0;
	border-left: 2px solid  #C0C0C0;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;/*z-index:50*/
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}

#menu ul li:hover ul{
visibility:visible;
}

[Nobody33]

vai sulla pagina da me linkatoti, guarda il codice sorgente e fai copia/incolla.

Nel tuo menu di ora mancano un po di cose...