Hi,

This post is very similar to ones made on August 23, 2011 and another on December 01 but the posted solution dos not work for me. 

I today installed into the development site 122.201.92.15/~apocodmi/ FPSS v3.1.0 and I'm using it with joomla v1.5.23 with the Yootheme Enterprise template.

In Firefox, Opera, Chrome and Safari on Mac and IE, Chrome and Firefoc on PC the FPSS is in front of the drop-down menus.

I have read the following post:
forum.joomlaworks.net/welcome-to-the-joomlaworks-community-forum/my-suckerfish-(or-other)-menu-expands-behind-flash-objects-or-image-rotators!/ .

The template's index.php file does not have a <div id="nav">***menu code here***</div> as refered to in the above post but refers to a file template.php which contains the following:

<?php if($this->warp->modules->count('menu')) : ?>
<div id="menu">
<?php echo $this->warp->modules->render('menu'); ?>
</div>
<?php endif; ?>

which I changed to:

<?php if($this->warp->modules->count('menu')) : ?>
<div id="menu-container">
<div id="menu">
<?php echo $this->warp->modules->render('menu'); ?>
</div>
</div>
<?php endif; ?>

and, as per the instructions, I then inserted

#menu-container {
position:relative;
z-index:99;
}

into the css file layout.css (there is no template_css.css) but there was no change.

A bit more hunting found

#menu .dropdown {
position: absolute;
top: 45px;
left: -999em; 
z-index: 100;
}

in the file menus.css which appears to be designed to rectify this problem but, if so, does not.

Can anyone please assist me.

Thanks

Graham

Just go to layout.css  file and add this:

#header {
    z-index: 9999 !important;
}
#menu {
  z-index: 9998 !important;
}

Worked like a charm.

Thanks for the solution and for the extremely fast response.

You are welcome! ;)