menu me lio, codepen

[warywin]

Hola, necesito vuestra ayuda porque estaba haciendo un menu sencillo sin mucho problema, pero a la hora de hacer los sublinks de cada elemento me he liado y ya no se ni que hago xD, quiero que los submenus esten en horizontal tambien y que se posicionen bien de bajo del elemento padre, os dejo el codepen para que lo veais mejor:

http://codepen.io/warywin/pen/mocBd

un saludo

[warywin]

Alguien sabria ? up!

[siddartha23]

Hola que tal, este es mi aporte, tuve que reducir varias cosas para que funcione, aún se puede mejorar, cualquier pregunta me dejas un mensaje

http://codepen.io/warywin/pen/mocBd

[pzin]

Tienes que colocar los elementos del menú principal en una posición relativa, y los elementos del submenú en una posición absoluta y jugar con su posicionamiento:

Código CSS:

ul li ul {
  position: absolute;
  top: 100%;
  left: 0;
}