Hello support, I have a beez_20 template and joomla 2.5.2 with swmenufree7.2 in my top menu. The first three items in a drop down menu appear as they should, but the fourth and fifth drop down menu items disappear under the breadcrumbs and other content below the header. When I inspect the header with Firebug, I see this code: <div id="header" style="z-index: 1;">. I've edited the appropriate css/personal.css code to give the header a z-index value of 1000. But Firebug indicates that <div id="header" style="z-index: 1;"> is being inherited by personal.css and overriding the z-index:1000. How/where can I find/remove the style declaration in <div id="header" style="z-index: 1;">? Please don't ask me to provide a URL -- I'm prohibited from making this development site public. Thanks, Enrico

Hi Enrico,

First things first, let's update your Joomla version to the latest 2.5.4 since 2.5.2 has a major security issue. Here's how to update:
www.ostraining.com/blog/joomla/how-to-up...core-update-feature/

As to your issue, you can add !important to make sure it's not overridden. For example:
Hope this helps!

Kind regards,
Nick

Thanks for your suggestions, Nick. For others who encounter this problem, it wasn't a z-index issue after all. Removing overflow:hidden from the div #header in position.css surrounding the menu module resolved the problem. Thanks, Enrico

Hi Enrico,

That was good work finding that solution. And thanks a bunch for sharing it. That's going to help everybody.

Keep up the good work.
Cheers,
Ed

You're welcome, Enrico! Glad to be of help and even more glad that you got things sorted! :)

Kind regards,
Nick