My suckerfish menu expands behind slide show on front page

Hi
I am struggeling with a joomla site: http://new.plastikkirurgi-glostrup.dk/

In IE 8 the drop dowm menu falls behind the front page slide show
In Firefox it works correct

I have looked high and low for answers and I tried to follow another guide i found:


So, here's what you can do.
You need to add a container div that wraps your menu. Open your template's index.php file and look for the place where the menu is called. It should be something like:


Code:
<div id="nav">***menu code here***</div>
So, add a "wrapper" div, like so:


Code:
<div id="menu-container"><div id="nav">***menu code here***</div></div>
And then in your template's CSS file (template_css.css), add the following code snippet:


Code:
#menu-container {position:relative;z-index:99;}
This should fix any issues.


but as I am very new to this I am not sure how I can implement this on my page.
I cant find any <div id="nav"> or anything else close to it

Does anyone have experinece with this?
In my template can anyone see what calls the menu and where I should but in the code suggested on the link above, or is there another solution

Hope anyone can help me in the right direction


morten444Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

austegaCommented:
Hi, this should help.

Look for <div class="topmenu"> rather than nav.

And the CSS file appears to be screen.css or possibly custom_css.css in the http://new.plastikkirurgi-glostrup.dk/templates/mp_minimaltastic/css/ folder.



MorrisprojectCommented:
It is because of z-index.

The parent items needs to have a higher z-index for IE to display correctly.

Add this to your CSS:
ul#nav li ul {z-index:1000;}
ul#nav li {z-index:2000;}
ul#nav {z-index:3000;}

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
morten444Author Commented:
Hi Thanks for advice on lines to addng the suggested lines to CSS

I tried it but still no joy.
I am quite new to this but belive I have done it corret

First I just pasted the 3 lines at the end of my CSS, no joy
I then integrated it into the all ready existing onces like this:

--------------------------
ul#nav { /* all lists */
      list-style: none;
        z-index:3000;
       
}


ul#nav li { /* all list items */
      float: left;
      position: relative;
        z-index:2000;
}


ul#nav li ul { /* second-level lists */
      display: none;
      position: absolute;
      top: 10px;
      left: 0;
      padding:0;
      margin:0;
      z-index: 1000;
}
-----------------------------------------

Can you see anything else that can cause it or have I done it wrong?

Regards
Morten




Amanda WatsonWeb DeveloperCommented:
You must have done it right because its working now
morten444Author Commented:
Working fine now. Thanks
Its still a little "unstable" but i think that is due to a transparent border between each drop down category, so If i hold the mouse between 2 kategories, the menu folds back again.  I will sort that out

Thanks again
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Joomla

From novice to tech pro — start learning today.