Menu horizontal desplegable2_pregunta
al hacer este menú horizontal desplegable al desplegar el menú a la derecha del submenú sale un espacio del color del texto del enlace y quisiera saber como quitarlo
un saludo
CSS
#menu {
Width:900px;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
width:900px;
}

#menu ul li {
background-color:#2e518b;
float:left;
}

#menu ul a {
display:block;
color:#fff;
text-decoration:none;
font-size:20px;
font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform:uppercase;
width:180px;
}

#menu ul li {
position:relative;
float:left;
margin:0;
padding:0;
}

#menu ul li:hover {
background:#5b78a7;
}


#menu ul ul {
display:none;
position:absolute;
top:100%;
left:0;
right:0;
background:#eee;
padding:0;
}

#menu ul ul li {
float:none;
width:160px
}

#menu ul ul a {
line-height:120%;
padding:10px 15px;
width:180px;
}


#menu ul li:hover > ul {
display:block;
}