Superfish not working in FF or IE

[darkmatter]

I’ve enabled superfish mode but I’m not getting any kind of fade effect and the changing values doesn’t do anything.  Here’s my CSS, which has been slightly moded only for color and formatting:

#suckerfishnav {background:#0C447C; font-size:12px;text-transform:uppercase;font-family:tahoma,sans-serif;font-weight:none;width:100%;z-index:1;}

/*url("../multi-level-navigation-plugin/images/suckerfish_blue.png") repeat-x;*/

#suckerfishnav,
#suckerfishnav ul {float:left;list-style:none;line-height:20px;padding:0;border:0px solid #aaa;margin:0; width:100%;z-index:1;}

#suckerfishnav a {display:block;color:#ffffff;text-decoration:none;padding:0px 12px;}
#suckerfishnav li {float:left;padding:0;}
#suckerfishnav ul {position:absolute;left:-999em;height:auto; width:151px;font-weight:normal;margin:0;line-height:1; border:0;border-top:1px solid #666666; }

#suckerfishnav li li { width:149px;border-bottom:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;font-weight:none;font-family:tahoma,sans-serif;}

#suckerfishnav li li a {padding:4px 10px; width:130px;font-size:12px;color:#dddddd;}
#suckerfishnav li ul ul {margin:-21px 0 0 150px;}

#suckerfishnav li li:hover {background:#1F3E9F;}
#suckerfishnav li ul li:hover a,
#suckerfishnav li ul li li:hover a,
#suckerfishnav li ul li li li:hover a,
#suckerfishnav li ul li li li:hover a  {color:#dddddd;}#suckerfishnav li:hover a,
#suckerfishnav li.sfhover a {color:#dddddd;}
#suckerfishnav li:hover li a,
#suckerfishnav li li:hover li a,
#suckerfishnav li li li:hover li a,
#suckerfishnav li li li li:hover li a {color:#dddddd;}
#suckerfishnav li:hover ul ul,
#suckerfishnav li:hover ul ul ul,
#suckerfishnav li:hover ul ul ul ul,
#suckerfishnav li.sfhover ul ul,
#suckerfishnav li.sfhover ul ul ul,
#suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}
#suckerfishnav li:hover ul,
#suckerfishnav li li:hover ul,
#suckerfishnav li li li:hover ul,
#suckerfishnav li li li li:hover ul,
#suckerfishnav li.sfhover ul,
#suckerfishnav li li.sfhover ul,
#suckerfishnav li li li.sfhover ul,
#suckerfishnav li li li li.sfhover ul  {left:auto;background:#444444;}
#suckerfishnav li:hover,
#suckerfishnav li.sfhover {background:#5E7AD3;}

Any help would be appreciated.

http://www.prototypeonline.com/saugus

[imported_Ryan]

Your link redirects me to http://www.saugusfootball.com/archives/264 which is a 404 error page.

[darkmatter]

Yes, sorry, I’m now in the process of moving the WP install to a new server, I’ll let you know when it’s up and running again…

[darkmatter]

OK website’s back up now try http://ans50.midphase.com/~saugusfo thanks!

[imported_Ryan]

Have you chosen the "Superfish" option in the plugins settings page?

There are no scripts related to Superfish on your page, so I’m assuming that is the problem.

BTW, the CSS has nothing to do with Superfish. The CSS controls what the menu looks like, the Superfish controls how it moves and fades.

[darkmatter]

Good point lol, it wasn’t on, but now it is, but no diff…

[darkmatter]

Any luck in looking at this?  URL is now http://www.saugusfootball.com  Thanks!!

[imported_Ryan]

Your problem is related to the issue discussed in the following topic … https://geek.hellyer.kiwi/forum/index.php?topic=402.0

I haven’t found a proper solution yet. But the next version of the plugin will hopefully sort it out. I’ve got a better script lined up which I hope will do the trick. However it is also clashing with the built in WordPress jQuery at the moment so I won’t be releasing it quite yet. Hopefully I’ll get that sorted shortly though.

[darkmatter]

OK thanks I look forward to the fix!

[imported_Ryan]

I discussed this issue with a Javascript guru last night and they’ve suggested I go back to the Superfish script and have another go at it. So hopefully I’ll get the Superfish plugin working properly – eventually.

[Author]

Posts