[SOLUCIONADO] Submenu no se despliega

[MindPaniC]

Hola no se que ocurre pero el submenu no se despliega al hacer hover en el menu principal.

Podeis verlo aqui: http://test.javierdelpozo.com/

este es el css del menu principal:

Código CSS:

#principal {
    margin-bottom:17px;
    float:right;
}
#principal ul {
    margin:0;
}
#principal ul li {
    display:inline;
    font-size:1em;
    font-family:'Droid Sans', sans-serif;
    text-transform:uppercase;
}
#principal ul li a {
    text-decoration:none;
    color:#f18e00;
    padding:17px 5px 17px 5px;
    margin-right:17px;
}
#principal ul li a:hover {
    color:#FFF;
    background-color:#f18e00;
}
#principal .ultimo a {
    margin-right:0;
}
#principal ul ul {
    display:none;
    position:absolute;
    margin-top:17px;
}
#principal ul li:hover ul {
    display:block;
    z-index:auto;
}
#principal ul ul li {
    margin:0;
}
#principal ul ul li a {
    width:auto;
    display:block;
    padding:5px;
    background-color:#f18e00;
    color:#FFF; 
}
#principal ul ul li a:hover {
    color:#666;
}
 

¿Qué esta ocurriendo?

[pzin]

Lo tienes mal estructurado. El elemento que hace de submenú debe de estar contenido dentro del elemento li.

[MindPaniC]

Hola, gracias por la respuesta, me puedes poner un ejemplo para orientarme mejor?

[MindPaniC]

Lo consegui!!! era cierto, un fallo muy tonto, muchisimas gracias.

Habia cerrado el <li> antes de meter el submenu y por eso no se desplegaba.

Muchas gracias!!!!