I've been playing this for several days now. I'm using Drupal 6.13, Zen Theme ( 6.x-1.0 ), and Nice Menus 6.13.

Site: http://96.0.201.36/

You can see that my drop downs are disappearing behind the #content or #content-inner divs. I got this working with this site: RTSFinancial.com with an almost identical set up.

Important note. My ul li ul is one single image. That's the only real difference between the rtsfinancial.com and my current theme at http://96.0.201.36/

My nice_menus css is:



#block-nice_menus-1 { margin: 0 0 0 36px; position: relative; z-index: 50; }
#block-nice_menus-1 a { color: #fff; text-decoration: none; font-size: 1.2em; }

#block-nice_menus-1 ul li { list-style: none; width: 140px; text-align: center; padding: 0; }
#block-nice_menus-1 ul li a { padding: 9px 30px; display: block; }
#block-nice_menus-1 ul li a:hover { background: url('/sites/default/files/themeimages/rtnav-hover.jpg') no-repeat; color: #fff;  padding: 9px 30px; display: block; }

#block-nice_menus-1 ul li ul { background: url('/sites/default/files/themeimages/rtnav-ulbg.png') no-repeat; }
#block-nice_menus-1 ul li ul li { text-align: left; width: 231px; font-size: 0.9em; }
#block-nice_menus-1 ul li ul li a { margin: 0; }
#block-nice_menus-1 ul li ul li a:hover { background: url('/sites/default/files/themeimages/rtnav-hover-sub.png') no-repeat; padding: 9px 0px 9px 30px; }

The primary style sheet is here: http://96.0.201.36/sites/all/themes/ryantrans/ryantrans.css

Any help is much appreciated.

Thanks.

Comments

Webster619’s picture

Webster619 commented

I sort of got this working. I would post my solution if I knew what I did. Just got lucky any tweaked something the right way.

mjstone323’s picture

mjstone323 commented

I got this working by setting

overflow: visible;

in .column-left in my main stylesheet, where it was originally hidden.

rtbike’s picture

rtbike commented

I am having the same issue, I have tried increasing the menus z-index as well as increasing the z-index of the region the menu is contaninted in but no luck.

rtbike’s picture

rtbike commented

I fixed my issue. If you are using the zen theme and you have added a horizontal "nice-menus" or any other drop down menu for that matter in the #navbar region you must go to the layout.css of your theme and change the #navbar to overflow: visible; There is accualy a comment there but being new to drupal this took me a while to find.

Hope this helps some people in the future.

layout.css

Change:

#navbar
{
overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
}

To:

#navbar
{
overflow: visible;
}

beatnikdude’s picture

beatnikdude commented

I can verify that #4 from rtbike fixed the issue I had with NiceMenus in the Navigation area in the Zen theme. ~thanks

remus1’s picture

remus1 commented

Thanks for this I have also just spent a few hours going around in circles with this problem. The menu would work in the Zen Header in FF & IE
but when put in the nav area the drop down part would go behind the content in both FF & IE.
Your help had solved the problem thanks

add1sun’s picture

add1sun commented
Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.