Come mettere Menu a tendina in un modello CSS?

[Simona Santoro]

Ciao, Come è possibile avere il menu a tendina? Ad esempio passando con il mouse su "Buying Estate", vorrei che si potesse avere altre scelte.
questo è il codice:

<nav>
<ul id="menu">
<li id="menu_active"><a href="../../Downloads/real-estate/real-estate/index.html">Home Page</a></li>

<li><a href="../../Downloads/real-estate/real-estate/buying.html">Appartamenti</a> </li>
<li><a href="../../Downloads/real-estate/real-estate/selling.html">Villini 6 posti letto</a></li>
<li><a href="../../Downloads/real-estate/real-estate/renting.html">Galleria</a></li>
<li><a href="../../Downloads/real-estate/real-estate/finance.html">Listino prezzi</a></li>
<li class="end"><a href="../../Downloads/real-estate/real-estate/contacts.html">Contattaci</a></li>
</ul>
</nav>



}
#menu {
padding:33px 0 0
}
#menu li {
padding:26px 37px 23px 30px;
float:left;
background:url(../images/menu_line.gif) right 0 no-repeat
}
#menu .end {
background:none;
padding-right:0
}
#menu li a {
display:inline-block;
overflow:hidden;
font-size:21px;
color:#191919;
line-height:1.2em;
text-decoration:none;
letter-spacing:-1px
}
#menu li a:hover, #menu #menu_active a {
color:#87a310
}