Ayuda con menú desplegable Avanzado

[digdig]

Hola, estoy cogiendo ideas para diseñar una web para una empresa y navegando me he encontrado con esta fantástica tienda online francesa de deliceteses.

http://www.madeleinemarket.com/epicerie-fine/foie-gras-magrets/997


Lo que más me llama la atención es el diseño de los menus desplegables mostrados al pasar el ratón sobre las diferentes categorías del menu principal.
Es justo lo que quiero para mi Web y me encantaría hacerlo por mi cuenta pero no se por donde empezar.

Podeis darme algun tipo de indicación de como lograr que me salga ese panel dividido en columnas con el sombreado en mi menu.
Si os fijais las primeras columna serían las subcategorias, luego una relación de marcas comerciales que trabajan esos productos y finalmente algunos enlaces con una foto.

saludos

[NiKoH99]

mira, no se si te van a salir igual, pero los poder hacer muy facil y en menos de un minuto con el fireworks. es muy facial. yo me baje el programa hoy y ya le toma la mano.

[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.