This has been driving me bananas.
I thought a simple z-index would bring them out, - the menu drop-downs were disappearing behind other page elements, and no amount of z-index juggling would sort it for IE7 or IE6.
But at or around line 375-381 of your main.css stylesheet, you have a block of css rules for (just) 'div'; - I'm not sure why you have a generic set of rules for 'div', but if you remove the last rule - position:relative; - this seems to release the menu include div from captivity and allows the menu to drop-down over the other page elements. This should render OK on screen - but things may go a bit haywire in design-view. You may have to apply position rules to individual div IDs or create a new class. Or just leave it.
So that (main.css) div css should now look like this:
div {
margin:0px;
padding:0px;
font-family:verdana;
font-size:12px;
color:#286206;
}
I also added a:
z-index: 999;
property to the end of the following blocks of css in menu.css (for the hell of it):
ul#cssmw {
ul#cssmw > li > span > a {
ul#cssmw ul.level-1 {
ul#cssmw ul.level-1 > li > a {
ul#cssmw ul.level-2 {
ul#cssmw ul.level-2 > li > a {
This seems to sort things out in IE7, and I'm getting intermittent results for IE6 in Browser Lab (I don't have IE6 on my Machine) sometimes see 5 menu items , sometimes 2, sometimes all, so hope it helps.