Menu text shows on top of Lightbox image.

The lightbox image pops up behind the menu text and drop downs.

How can I make the lightbox image show above everything else? Is this an issue with the menu I used or the lightbox?

I've attached a screenshot of the problem.

there is no screenshot, send link better.

[attachment:1]Screenshot_2.png[/attachment]

Sorry, Attached is the screenshot

Please upload a JPG image or better send link. Anyway, the problem is with z-index parameter of your menu. Check that and decrease it in CSS file of your template.

What do I change the z-index to?

* top menu */

#nav, #nav ul {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
z-index:10000;
}

#nav ul {
display:none;
}

#nav a {
display:block;
font-family: Arial, Helvetica, sans-serif;
padding:5px;
text-decoration:none;
font-size:16px;
text-transform:uppercase;
}

#nav > li {
border:none;
}

#nav > li.active a:hover {
padding:5px;
}

#nav li:hover ul a {
background:none;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
}

#nav li:hover ul li a:hover {
border:none;
position:relative;
padding:5px;
}

#nav li#current ul li a, #nav li.active ul li a {
border:none;
position:relative;
font-family:Arial, Helvetica, sans-serif;
}

#nav li {
float:left;
position:relative;
margin:0 5px;
}

#nav li ul li, #nav li ul li ul {
margin:0;
padding:0;
float:none;
cursor:pointer;
}

#nav li ul a {
width:166px;
line-height:normal;
padding:7px;
}

#nav li ul ul {
left:176px;
margin:0;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul {
display:none;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul {
display:block;
}

#nav ul li a {
font-size:13px;
font-weight:normal;
text-transform:none;
}

#nav ul ul{
top:0px;
z-index:10000;
}

#nav li#current span {
text-transform:none;
}

#nav > li#current span {
text-transform:uppercase;
}

#nav img {
margin-right:5px;
float:left;
}

Screenshot attached