Spry Submenu Hidden behind Body

Hi.?My apologies to the community, but I had this problem a while back and thought the z-index advice was the fix, but it turned out not to help.?Can someone please log on to my site at www.mtbresource.com via Firefox and check it out??The spry submenus on the far RHS (Media =%26gt; Interviews =%26gt; Tinker Juarez, or Media =%26gt; Interviews =%26gt; Craig Beirly, or Media =%26gt; Features =%26gt; Mountain Bike Cops) are all being obscured by the Body.?Have tried many different iterations of z-index adjusting to no avail.?Thanks so much.

I think the following might be the relevent snips of code in case this is useful:

body?{
?font: 100% Verdana, Arial, Helvetica, sans-serif;
?margin: 0;
?text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
?color: #000000;
?background-color: #666666;
}

%26lt;div align=''left''%26gt;
?%26lt;ul id=''MenuBar1'' class=''MenuBarHorizontal''%26gt;
?%26lt;li%26gt;%26lt;a href=''../index.html''%26gt;Home%26lt;/a%26gt; %26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#'' class=''MenuBarItemSubmenu''%26gt;Connections%26lt;/a%26gt;
?%26lt;ul%26gt;
?%26lt;li%26gt;%26lt;a href=''../LinksBikesAndFrames.html''%26gt;Bikes and Frames%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''../LinksPartsAndComponents.html''%26gt;Parts and Components%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''../LinksTools.html''%26gt;Tools%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''../LinksBikeShops.html''%26gt;Bike Shops%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''../LinksOnlineRetailers.html''%26gt;Online Retailers%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''../LinksAccessories.html''%26gt;Accessories%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''../LinksResources.html''%26gt;Resources%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''../LinksEvents.html''%26gt;Events%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;/ul%26gt;
?%26lt;/li%26gt;

%26lt;li%26gt;%26lt;a href=''#'' class=''MenuBarItemSubmenu''%26gt;Media%26lt;/a%26gt;
?%26lt;ul%26gt;
?%26lt;li%26gt;%26lt;a href=''../Videos.html''%26gt;Videos%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''../ImageGallery.html''%26gt;Image Gallery%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#'' class=''MenuBarItemSubmenu''%26gt;Interviews%26lt;/a%26gt;
?%26lt;ul%26gt;
?%26lt;li%26gt;%26lt;a href=''../TinkerInterview.html''%26gt;Tinker Juarez%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''../CraigBierlyInterview.html''%26gt;Ulysses of MTB%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;/ul%26gt;
?%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#'' class=''MenuBarItemSubmenu''%26gt;Features%26lt;/a%26gt;
?%26lt;ul%26gt;
?%26lt;li%26gt;%26lt;a href=''../FeatureCopsOnMountainBikes.html''%26gt;Mountain Bike Cops%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;/ul%26gt;
?%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''../OnlineGames.html''%26gt;Online Games%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;/ul%26gt;
?%26lt;/li%26gt;
?%26lt;/ul%26gt;
?%26lt;/div%26gt;

Spry Submenu Hidden behind Body

Anyone, please??I'll take any input I can get.?Thanks.

Spry Submenu Hidden behind Body

I don't believe it has anything to do with z-index.?It's due to the width of the .thrColFixHdr #container and the dropdown and sub menus being contained within that width.

Using Firefox and the webdeveloper toolbar to edit the width, I changed it to 900px (instead of 780px) and the dropdown was visible as was the sub-menu which touches the very right edge of the container.

I'm not familiar enough with the Spry Menus to offer a quick fix, but I'm wondering whether there's a way to make the sub-menu flyout open to the left side instead of the right on that dropmenu... because the sub at the moment is being contained by the width of the container.

Unless you expand the width of that container (to allow the submenu to show), you may need to rethink the layout of the menus.?I would have suggested moving that menu to inside, but all your main menus have subs... so that's out as well

You may want to ask the question over at the Spry forum - as there could be a fix to have the flyout happen on the left by using -minus units, but as I said, not entirely sure whether this is possible.

good inpu and thank you so much. I'm going to pursue these options. Will let you know what works.

Great.?This was very helpful.?After running my own tests, I confirmed as you suggested, that it's not the z-index of the body versus container.?You're right, widening the container works, but that impacts the rest of my layout.?I will look into adjusting the Spry Submenu flyout direction for future reference.?However, the simplest fix was, as you suggested, to move this menu item inside and that's exactly what I have done.?I was able to do so because I do have one menu item w/o submenus, which I placed to the far right now.?Thanks a lot!