La cuestión pasaría por asignar una altura, pero claro, ¿por qué el uso de la posición absoluta para los elementos de la lista? En realidad no hace falta, pueden ser perfectamente elementos en bloque y así estaría uno debajo del otro.
Selectores como estos:
Código CSS:
Ver originalnav > ul > li > ul > li + li + li + li
Son un poco locos.
Lo mismo te hace algo así:
Como sólo tienes dos niveles en el menú, te vale hacer simplemente
ul ul
y luego simplemente seleccionar el cuarto
li
—o el cuarto hijo que sea un
li
.
Y lo mismo para los otros casos de abuso de
+
.
Pero vamos, el problema que tienes es realmente con usar posiciones absolutas. No le veo mucho sentido a usarlas ahí.
Puedes crear lo mismo haciendo una transición usando el margen o también
translateY()
.