problema con capas (DIV´s)

[cassini]

hola

estoy diseñando una pagina web, acabo de meter dos capas (div´s)

en la primera capa tengo mi barra de navegacion con html, css y jquery
en la segunda capa meti una galeria de imagenes con html, css y jquery

Todo funciona como debe, el unico problema es q cuando paso el mouse sobre la barra de navegacion se despliegan los elementos de dicho menu, al llegar a la parte donde tengo la capa de imagenes corta las opciones de la barra de navegacion y se ve incompleto.

Alguna idea de como solucionarlo???
Muchas gracias de por tu ayuda

[AlbertoGarcia]

Hola Cassini, esto es una duda de css, pero los elementos de un archivo html se van apilando unos sobre otros a medida que aparecen en el documento, por eso tu primer div, y por tanto su contenido, aparece por debajo del segundo. Tienes que hacer que tu primer div pase a ocupar un nivel superior en la pila con z-index, aquí lo explican clarito y con un ejemplo visual muy ilustrativo: http://www.elwebmaster.com/articulos...z-index-en-css

Salud!

[cassini]

Excelente muchisisisimas gracias por tu valiosa ayuda.

Ya quedo con la propiedad z-index

la solución fue aplicar a mi capa de navegación

Código CSS:

position: relative;
z-index: 1;
 

y la otra capa con la galeria

Código CSS:

position: relative;
z-index: 0;
 

De nuevo muchas gracias por tu gran ayuda