Hi,

I have a skin using DRR menu with the Superfish menu. I have a div which uses absolute positioning (id="bunting") to run a pattern under my nav bar, and this is not playing nicely with the menu dropdowns. I want the dropdowns to appear ABOVE the pattern, not BEHIND it which is currently happening.

I need to assign a z-index to the "bunting' div to achieve the effect of other elements appearing behind this graphic further down in my skin, but once I do this the menu dropdowns also slip behind, even when I assign a higher z-index to the menu items.

The skin looks like this:

<div id="bunting"></div>

<div class="contentBkg">
<div id="pageHolder">

<div id="headerWrapper">
<div id="navContainer"><ddr:MENU MenuStyle="SANav" runat="server" Style="z-index: 1000"/></div>
</div>

<!--Content Wrapper Div-->
<div id="contentWrapper">
<!--2 column Content Pane Div-->
<div runat="server" ID="ContentPane" class="leftContentPane"></div>
<div runat="server" ID="RightPane" class="rightPaneOne"></div>
<div id="clear"></div>
</div>
</div>

</div>

CSS for the Bunting div is:

#bunting {
    width: 100%;
    height: 18px;
    background-color: transparent;
    background-image: url(SA_Bunting.png);
    background-repeat: repeat-x;
    position:absolute;
    top:121px;
    right:0;
    z-index: 51;
    }

I have tried placing a larger z-index on the .sf-menu li li, .sf-menu li li a and the .sf-menu li ul with no joy.

Do I need to change the .js files somewhere???
Any help would be great.

M