Hi again Jason,
I have your superfish menu working within Firefox using Firebug. If
you fix the points I mentioned in my previous emails you will find
that it mostly works. What doesn't work is the delay on mouseout and
I have tracked that down to the fact that in your CSS you are
spelling sfHover as sfhover. If you fix that in the CSS the menu now
works perfectly. Or, if you prefer to use 'sfhover' (no cap H), feed
it in to override the default for Superfish via the options:
$(document).ready(function() {
$('#nav').superfish({
delay : 1000,
hoverClass : 'sfhover'
});
});
Then the only problem you have is CSS related. Your submenu widths
are sort-of collapsed until fully animated in, and then they suddenly
go to their proper width. I have experienced this before and it can
be solved by making sure that all the submenu's elements are given
explicit widths and making sure that the a, li and ul elements'
padding and widths add up to the same total width. I can't remember
exactly which of those elements is the culprit but it just takes a
bit of tweaking to get perfect.
You may also find that certain other browsers do not like things like
'left: auto;' to move the submenus into place, which is why I use
'left: 0;' or the like instead. For other browser CSS issues, maybe
look at the original Superfish CSS example file for solutions, as
that demo is tested in everything except Linux browsers, which I
don't have access to.
Good luck. I can't wait to see your menu working perfectly!
Joel Birch.