codice:
#menu{
width: 100%;
padding: 0;
margin: 0;
}
#menu ul{
padding: 0;
margin: 0;
}

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

#menu li a{
width: 100px;
height: 30px;
display: block;
text-decoration: none;
line-height: 30px;
text-align: center;
background-color: black;
color: white;
} 

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

#menu ul ul{
position: absolute;
top: 30px; 
visibility: hidden;
} 

#menu ul li:hover ul{
visibility:visible;
}
Ecco,però io vorrei che il sottomenu appaia su un unica riga e non in modo verticale,come posso fare?