Lightbox and Smooth Menu; menu items appear above overlay.

[lilpete]

Hi Guys,
I hope you can help me, only a small asthetic problem on my new design..
http://www.test.steptoes.co.uk

I have used this script for the menu: (thank you very much)
http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/

I have also used this script to display images in a nice professional manner.
http://www.huddletogether.com/projects/lightbox2/

Problem is when the overlay for the lightbox appears the menu items that have other items inside still appear white and as if they are above the grey overlay.

Any ideas on this one, I have a feeling it is a CSS problem hence why it is in this category. But it is only a small issue..
Thanks for your time.

[lilpete]

Lightbox script is used on the product pages:-
http://www.test.steptoes.co.uk/product-display.ghtml

[azoomer]

in the lightbox.css you can increase the z-index for the overlay. I think 100, for example, would do the trick.


#overlay {
background-color:#000000;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:100;
}

[lilpete]

Woo Hoo!
I swear I tried that, it was at 90, which obviously wasn't enough.

Thanks again azoomer! Jobs a gooden.

Sites coming on nicely now dont you think?? :D

[azoomer]

yes definitely improving. Keep up the good work :)