Submenu sale descentrado

[jonni09lo]

Tienes que jugar con los display de los li

Para los elementos del primer nivel del menú usa display: inline-block;

Código CSS:

#principal ul li {
    display: inline-block;
    font-size: 1em;
    font-family: 'Droid Sans', sans-serif;
    text-transform: uppercase;
}
 

Para los elementos del segundo nivel usa display: block;

Código CSS:

#principal ul ul li {
    margin: 0;
    display: block;
    font-size: 1em;
    font-family: 'Droid Sans', sans-serif;
    text-transform: uppercase;
}
 

Saludos