Ayuda con menú desplegable Avanzado

[sanxuan]

Cada submenú es una capa, un <div>. En ella incluyes todo lo que quieras y le das la propiedad visibility:hidden.
Cuando pasas con el ratón por encima del enlace has de cambiar esa propiedad a visibility:visible.
Eso puede hacerse con Javascript o con CSS usando :hover.
La sombra puede hacerse con una imagen transparente .png o utilizar las propiedades CSS3 para crear sombras, aunque darán seguramente problemas de compatibilidad en algunos navegadores.
Hay barras de navegación como esa a montones por la red que puedes copiar. Sólo tienes que cambiar el elemento que aparece y desaparece por uno que tenga las dimensiones que tu quieras y cambiar el contenido.
En este mismo foro debe haber bastantes hilos sobre el tema.