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...

[ArturoGallegos]

ejemplo practico

Código CSS:

#menu{margin:0;padding:0;float:left;list-style:none;}
#menu li{position:relative;padding:3px 8px;margin:0 1px;}
#menu ul{display:none;}
#menu li:hover ul,#menu li ul:hover{display:block;position:absolute;list-style:none;}
 

Código HTML:

<ul id="menu">
    <li><a href="#">Item 1</a></li>
    <li><a href="#">Item 2</a>
        <ul>
            <li><a href="#">SubItem1</a></li>
            <li><a href="#">SubItem2</a></li>
            <li><a href="#">SubItem3</a></li>
            <li><a href="#">SubItem4</a></li>
        </ul>
    </li>
    <li><a href="#">Item 3</a>
        <ul>
            <li><a href="#">SubItem5</a></li>
            <li><a href="#">SubItem6</a></li>
            <li><a href="#">SubItem7</a></li>
            <li><a href="#">SubItem8</a></li>
        </ul>
    </li>
    <li><a href="#">Item 4</a></li>
</ul>
 

[severicks]

Te recomiendo que veas este post: http://www.forosdelweb.com/f53/menu-...00-css-595007/ yo me base en el para hacer el menu de mi web.