Egyszerű lenyíló menü?

A html:

<div id="menu">

<ul>

<li><a href="index.php">hírek</li></a>

<li><a href="index.php?op=">lenyíló</li></a>

<li><a href="index.php?op=">cucccc</li></a>

<li><a href="index.php?op=">valami</li></a>

<li><a href="index.php?op=">asdasds</li></a>

<li><a href="index.php?op=">belépés</li></a>

</ul>

</div>

css:

div#menu {

height: 50px;

width: 990px;

margin: 11px auto;

}

div#menu ul {

margin: 0;

padding: 0;

color: white;

list-style: none;

}

div#menu ul li {

float: left;

}

div#menu ul li a { color: white; font-family: cedee; font-size: 1.4em; }

div#menu ul li a:last-child{

margin-left: 79px;

}

div#menu ul li a:hover{

color: grey

}

------------------

A lenyíló nevü menüpontra kellene 8 al menü vki tudna segíteni? :)