Menu desplegable

[edie8]

Buenas
os dejo un minituto para los que no saben mucho de css como yo, esto es para hacer un menu con submenus ocultos, os dejo el codigo php para que veais de donde sale lo del css, creo que asi se explica mejor

este es el menu con submenus de donde sacamos los id y class:

Código PHP:

  <div id="menu-wrapper">
                <ul id="hmenu">
        <li><a href="index.php">Inicio</a></li>
        <li><a href="">Mensajes</a>
            <ul class="sub-menu">
                <li><a href="gente.php">gente</a></li>
            </ul>  
   

este es el css

Código PHP:

  #menu-wrapper ul{
    padding:0;
    list-style:none;}
    
#hmenu > li{
    display:inline-bock;
    }
#hmenu > li a{
    display:block;
    padding: 10px 5px;
    width: 90px;
    }
li ul{
    position:absolute;
    display:none;
    }
.sub-menu a{
    display:block;
    padding:10px 5px;
    width:130px;
    }
li:hover ul{
    display:block;
    }  
   

Para el que no sepa lo que es cada cosa de css padding etc les dejo esta pagina:
http://www.w3c.es/divulgacion/guiasreferencia/css21/#porcentaje
Espero que os sirva a mi me sirvio. un saludo.