Joomla Suckerfish Menu in IE not functioning correctly

bethanywatson
avatar
rank Regular

Regular


Posts: 13
Joined: 2008-06-07
Location: WV

Posted: Sat, 2008-06-07 03:50

Hello,

I have installed the suckerfish menu with the extended menu module in Joomla. It is working perfectly in Firefox. However, in IE when you hover over the parent item, the sublevels appear under the wrong parent item, About us instead of Services. The links don't go anywhere yet. The dropdown should show up under services, but instead it is showing up under about us. Please help if you can...this is urgent. I posted a topic at joomla.org forum but no one has responded.

URL is: www.bethanyann.com/bluewater

Thanks,
Bethany

Tyssen
Tyssen's picture
rank Moderator

Moderator


Posts: 6662
Joined: 2004-05-01
Location: Brisbane

Try making

Posted: Sat, 2008-06-07 04:52

Try making this:

#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul{
color:#003366;
left:auto;
z-index:6000;
}

this instead:

#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul{
color:#003366;
left:0;
z-index:6000;
}

How to get help
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use tags.
My articles | CSS Reference

bethanywatson
bethanywatson's picture
rank Regular

Regular


Posts: 13
Joined: 2008-06-07
Location: WV

Thank you

Posted: Sun, 2008-06-08 19:08

Thank you very much for your reply. Although that particular line of css wasn't the problem, you gave me an idea of what was wrong.

This was the culprit:

}

a.mainlevel-suckerfish-horizontal, a.mainlevel_active-suckerfish-horizontal, a.mainlevel_current-suckerfish-horizontal, span.mainlevel-suckerfish-horizontal {
float: left;
width: auto;
}

I removed float: left;

Now it works correctly in IE.

Thanks!!
Bethany

AndyD
AndyD's picture
rank Enthusiast

Enthusiast


Posts: 121
Joined: 2005-03-17

So it's working in both IE

Posted: Fri, 2008-06-20 16:51

So it's working in both IE and FF now?

Cheers
Andy