Menu desplegable 100% CSS

[laylu]

Que no podrías llegar ? Yo con que queden a la altura de la primera casilla me quedo conforme. Además, imagina que hay un nivel más aún, y que el item 4, tiene un 4.2 y que éste tiene un 4.2.5, eso sería ya ... 5 casillas por debajo !

Item 1.....|....Item 4.1.....|....Item 4.2.1
Item 2.....|....Item 4.2 +..|....Item 4.2.2
Item 3.....|.......................|....Item 4.2.3
Item 4 +..|.......................|....Item 4.2.4
Item 5.....|.......................|....Item 4.2.5

Si suponemos que el máximo son 5 subitems para cualquier item superior, se puede usar un menú así con un fondo horizontal de width fijo.

La pregunta es: en caso de ser posible, cómo se hace ?
Ahora el problema que tengo es que de momento he añadido un segundo subnivel (como el ejemplo) y cuando estoy encima del Item 4 + aparecen los 4.X y los 4.X.Y al mismo tiempo y a la misma altura, pero si me pongo encima del 4.X se desplazan a la altura del 4.X. No doy con el CSS y con la definició de un hipotético nivel2 para que éste no aparezca al mismo tiempo que el superior, así que me queda algo como ésto:

*[mouse]

Item 1.....|......................|
Item 2.....|......................|
Item 3.....|......................|
[Item 4+]|....Item 4.1.....|....Item 4.2.1
Item 5.....|....Item 4.2 +.|.....Item 4.2.2
............................................Item 4.2.3
............................................Item 4.2.4
............................................Item 4.2.5

Y entonces muevo el mouse y ... tachán !

Item 1.....|......................|
Item 2.....|......................|
Item 3.....|......................|
Item 4+...|....Item 4.1....|
Item 5.....|...[Item 4.2 +]|...Item 4.2.1
...........................................Item 4.2.2
...........................................Item 4.2.3
...........................................Item 4.2.4
...........................................Item 4.2.5

O sea, que todo el rato se ve "todo", cuando debería ser algo secuencial, no ?