Tienes que posicionar el
ul hijo, el que hace de submenú, de forma absoluta. Para que siga en relación al menú, el
li que contenga a ese
ul, posicionarlo de forma relativa.
Código CSS:
Ver originalnav li {
position: relative;
}
nav li ul {
position: absolute;
/* Luego ajustas su posición con top, right, bottom y/o left */
}
Yo no soy muy de usar muchos ID's y clases, pero lo que sí deberías de hacer, es usar ese id del menú para referenciarlo en tus selectores, no vaya a ser que luego tengas otros elementos por ahí y que luego tomen esos estilos. Y también usar el selector
> —hijo directo— para que, por ejemplo, los
li's del submenú no se vean afectados por los estilos del padre. Algo así:
Y, para otra vez, intenta usar
highlight o
code cuando publiques código.
