como puedo crear submenu a partir del css de mi menu?

[oscarbt]

Hola a todos, realmente entiendo pocas cosas de css, y no he podido generar un submenu...
Lo unico que tengo actualmente es el menu, pero requiero hacer items en el menu
el siguiente es el menu html:

Código HTML:

<ul id="nav">
        <li><a href="administracion.php">Inicio</a></li>
        <li><a href="admin_graduate.php">Egresados</a></li>
        <li><a href="admin/registro_interno.php">Registro interno</a></li>
        <li><a href="empresas.php">Empresas</a></li>
         <li><a href="busqueda.php">Busqueda</a>
          <li><a href="busqueda_rapida.php">Busqueda rapida</a>
         
          <li><a href="reports/reports.php">Informes</a></li>
        <li><a href="logout.php">Finalizar sesion</a></li>
    </ul>
 

y el estilo del menu css es el siguiente:

Código CSS:

#nav {
    list-style: none;
    padding: 0;
    margin: 10px 0 20px 0;
    background: #2e2e2e url(images/nav_bar.jpg) repeat-x;
    display: block;
    overflow: hidden;
    font-size: 0.9em;
    
    height:33px;
    text-transform:capitalize;
}
#nav li {
    display: inline;
}
#nav li a {
    display: block;
    float: left;
    padding: 10px 20px;
    color: white;
    text-decoration: none;
}
#nav li a:hover {
    background: #1b1b1b url(images/nav_bar_o.jpg) repeat-x;
}
 

Ahora que tendria q añadir para por ejemplo dejar una sola opcion de busqueda

Y que al poner el cursor encima, se desplieguen dos opciones: busqueda normal y busqueda rapida

Agradezco me puedan orientar...