Navigation Bar Appearing On Top Of Lightbox

Hello,
I recently replaced the default navigation bar for magento with my own one, however now this appears on top of the lightbox. I have tried two different lightboxes so that is obviously not the problem.

The code for the nav bar (seen here: www.gadgetfreakz.co.uk) is:

<div id="globalheader">
<ul id="globalnav">
<li id="gn-logo"><a href="/"></a></li>
<li id="gn-phone"><a href="/mobile-phones.html"></a></li>
<li id="gn-spy"><a href="/spy-equipment.html"></a></li>
<li id="gn-player"><a href="/mp3-players.html"></a></li>
<li id="gn-tele"><a href="/portable-televisions.html"></a></li>
<li id="gn-sat"><a href="/navigation.html"></a></li>
<li id="gn-blue"><a href="bluetooth.html"></a></li>
</ul>
</div>

Any help is appreciated.

Kind Regards
Tom

I recently replaced the default navigation bar for magento with my own one, however now this appears on top of the lightbox. I have tried two different lightboxes so that is obviously not the problem.

The code for the nav bar (seen here: www.gadgetfreakz.co.uk) is: How can I view a lightbox in that page?

Hello,

Sorry go to : http://www.gadgetfreakz.co.uk/digital-tv-mobile-phone.html

And click on one of the product images.

Regards
Tom

You have
#ig-lightbox-back {/*ig_lightbox.css (line 15)*/
left:0;
position:absolute;
top:0;
z-index:900;
}
#globalheader {/*styles.css (line 1390)*/
height:38px;
margin:18px auto;
overflow:hidden;
position:relative;
width:819px;
z-index:9998;
}

So the reason is very obvious, isn't? Set a smaller z-index value, say 100 for #globalheader

Hello,
Thanks a lot, still slapping myself for missing it.

Much Appreciated.

Regards
Tom

Make use firebug, which is great addon for Firefox to inspect the elements and their properties.