You do have a CSS issue with your header code in the RTD, specifically about z-indexes.
In your code you have this div opening, which contains the whole menu:
<div id="topNav">
and inside it you do have several blocks containing the manues opened like this:
<div class="megaMenu" id="MegaMenuxxx">
But there's the nonsense. In your header code you do have this CSS entry:
.megaMenu {
z-index: 100 !important;
}
It looks like the idea was to force menus to be "on top", however what is important is NEVER the content, but the container. And the container here is topNav.
Thing is that that topnav has z-index defined only in an external file you're embedding, this one:
http://lib.store.yahoo.net/lib/yhst-46916591293778/nsf-styles.css
And in there I do read this line:
#topNav{background-color:#414141;z-index: 2;height: 40px; position:relative;}
Well, that's the thing: you have the CONTANER with a z-index of 2!!!
The megaMenu is not doing anything here, because it will be a z-index of 100, bon ONLY relative to what inside the container. And the RTD is out.
I'm writing this just to make clear where the error is. Fix is simple enough.
You can get rid of the z-index declaration for megaMenu.
All you need is to assign a z-index of about 20 instead of 2 to the #topNav entry.
Alex
