Dropdown menus from navbar disappear behind gallery widget

I have made a website for my drawings at www.digitalthangka.com, but I encounter a problem.
I use a navbar with a dropdown menu. When I am at a page with a javascript gallery, the menu is disappearing behind the images of the gallery.

Example:

1. Go to my website at www.digitalthangka.com
2. Click on the tab Collection
3. Hover over the tab aftfer the page has loaded: the dropdown disappears behind the image.

This problem occurs with all the gallery stuff (independant of the type of gallery - e.g. choose an item from the dropdown menu, hover over Collection. Same result.

Anyone? Thanks in advance!

Hi Fred

I've not been able to re-create the problem. I thought it may be layer position related.

Prime suspect is the JS that has been added, Maybe the carousel. It is likely that one script is conflicting with the other.

Try deleting some of the added code till it begins to behave itself again.

I can't repeat this either.
But without making any other changes to your site, try this Fred;

Select the navbar and name it overlay
In Web properties>>website>>HTML Code (head) - add this code and apply.

Code:

---

<style type="text/css">
#overlay {
z-index: 11111;
}
</style>

---

I have checked it in Firefox, IE and Chrome but the effect is always the same. Don't expect it to be a Windows 7 thing but will check later.
Anyway, I tried your code Sledger, and the style code is in the pages now, but the name code isn't. I suppose it's a div or class name for the navbar somewhere in the code? Couldn't find it in the html.

I added the name through Names... (right click on the navbar, last option). Is this the correct way?

Yes, use the right-click 'Names..' dialogue to name the navbar and Web Properties to add the code.
Nothing should be added externally via a text editor.

Hi Fred.

When I click on the link in your post for your website, I get this:-

Attachment 89079

EDIT: OK. I get the proper website now. Surely I shouldn't have got what I did, though?!

Guess I was working on the site - uploading and no index.html in the root folder yet. Should all be ok now.

Anyway: still the same problem. Checked in all Firefox, Chrome and IE on Windows 7: dropdown menu still behind images. Style code is in the page but name isn't...
Check http://www.digitalthangka.com/amitayus.html and http://www.digitalthangka.com/collection.html
Hover over the Collection tab.

Broke the navigation bar in the process: thanks for backups ;)

Another problem: the caroussel at the top keeps pointing to xara.com and not to my configured url's. Sigh - time for bed now for a few hrs sleep.

As this cannot be reproduced, please attach your xara file for inspection.

Well, it is a big file... so I have to strip it down to 10MB. Will do that shortly.

Not necessary, besides you might inadvertently remove the problem. Perhaps you could use largedocument.com and post the link?