z-index problem

on this page when you click on a thumbnail, the lightbox opens the image behind the menu if you are near the top of the page. I have the z-index set as 10. What am I doing wrong?
thanks

http://ryesunrise.com/index_files/vl...uallightbox.js is where the visuallightbox Javascript file is located

I think this is what you need to do:
add this anywhere:

Code:

---

#vlb1overlay {z-index:100 !important;}

---

Then add this
z-index: 1;
to
ul#css3menu1,ul#css3menu1 ul
in RyeSunrise_menu_files style.css

that didn't work :( and I made another new site and the photo's pop up under the navigation menu bar again.

I looked in the http://ryebeachhome.com/RyeBeachHome_menu_files/css3menu1/style.css

here is the lighbox css page and this too

Where is your css for your menu bar?

Quote:

---

Originally Posted by Deadweight

Where is your css for your menu bar?

---

that is the link http://ryebeachhome.com/RyeBeachHome...enu1/style.css

This might sound awkward but can you zip all the contents and message me the link to download it. Would make this much more easy to figure out

Change in style.css

Code:

---

ul#css3menu1{
        font-size:0;width:100%;z-index:999;position:relative;display:inline-block;zoom:1;padding:0 0%;margin:0 0%;
        *display:inline;*padding-right:0.95%;}

---

to:

Code:

---

ul#css3menu1{
        font-size:0;width:100%;z-index:10;position:relative;display:inline-block;zoom:1;padding:0 0%;margin:0 0%;
        *display:inline;*padding-right:0.95%;}

---

in styles.css under header make that 11:

Code:

---

header {
                background: linear-gradient(to left,rgba(54,194,182,0.96) 0,rgba(62,188,207,0.96) 100%);
                border-bottom: 1px solid rgba(0,0,0,.1);
                box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
                display: block;
                position: fixed;
                width: 100%;
                z-index:1000;
        }

---

to

Code:

---

header {
                background: linear-gradient(to left,rgba(54,194,182,0.96) 0,rgba(62,188,207,0.96) 100%);
                border-bottom: 1px solid rgba(0,0,0,.1);
                box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
                display: block;
                position: fixed;
                width: 100%;
                z-index:11;
        }

---

WOW this has been driving me insane :rolleyes:
thank you so much!