Menu desplegable: como agregar otro nivel dentro de los li

[As3]

Hola estoy aquí para ver si poor favoor me pueden ayudar con este tema en cuestión, he encontrado esta página que genera menús desplegables y me gustaría saber como agregar otro nivel en cada uno de los li de la lista desplegada (en prodicts submenu 1 services 1, etc)
Ahí está el código html y el css:
http://www.cssportal.com/css3-menu-generator/

PD: yo lo intenté un buen rato poniendo otra lista ul dentro de cada li, con un hover y position y probando con algunos margenes negativos, pero la lista nueva no se mostraba como debería, lo que estaba debajo se veía, los otros elementos de la lista se desplazaban hacia abajo y quedó todo superpuesto

Yo no tengo casi experiencia en menus desplegables y esas cosas de CSS sino en lo básico

Les agradezco mucho su pronta ayuda porque necesito esto para un proyecto y este menú fue el que mantuvo sus propiedades de css en mi proyecto

Muchas gracias a todos

[smartinez161289]

Hola,

Aquí tienes un ejemplo:

http://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_text

Y aquí el código:

http://www.w3schools.com/css/css_dropdowns.asp

El resto es añadir estilos para los colores y si quieres que sea animado (fadeIn, fadeOut, Slide, etc.)

Espero que te ayude :)

Saludos.