Suckerfish Menu Issue in IE-8

I'm unable to keep the sub menu open on mouse hover over it. When i hover the mouse over main navigation (http://www.asdha.org/), it pop outs the sub navigation but as soon i bring mouse pointer over any of sub menu items, the sub menu disappears in some while. Can you please let me know any clue for this issue.

To tell you that i'm having this issue only in IE 7, where as in FF there is no such problem.
23-degreesAsked:
Who is Participating?
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.

mreuringCommented:
My first reaction would be, why still use suckerfish? :hover is supported on all elements in IE7 and IE8. If you want to support IE6 use 'Whatever: hover' instead, it patches the browser using a behaviour to add :hover support to elements based on your existing styles. This way, if it works in other css2 supporting browser, it'll usually work in IE6+

http://www.xs4all.nl/~peterned/csshover.html
0

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
23-degreesAuthor Commented:
Hi, i'm sorry i'm no good at css, so can you please provide me a simple example code/script for what you are referring me to look at the given link. Remind that i need a solution as Cross browser, including atleast, IE5+, FF, Chrome, Netscape.
0
mreuringCommented:
The link provided is a stable solution that has been around for years. Your menu seems to work just fine on FF and Chrome using normal CSS :hover rules. Suckerfish is a JavaScripted solution to work around IE5 and 6 not supporting :hover on anything other than a link (<a>-tag), but it requires that you implement a bit of javascript AND that you adjust your CSS rules.
Whatever:hover uses an IE-only technique to insert javascript only in elements that need to be adapted by reading your stylesheet. In essence this is similar to Suckerfish, with the great benefit that you don't have to adapt your own CSS. The link is the developer page with detailed info on how to apply the solution to your website, I quote:
"How do I use it?

Link whatever:hover to the body element, and you're all set. Note that behavior URLs are relative to the html file, not to the CSS file like a background image URL would be.
body { behavior: url("csshover3.htc"); }"

The reason I chose to supply the link is that this way you won't have to rely on another expert to do everything right, you have all the documentation at hand.

I cannot guarantee that it'll work for IE5, I personally barely support IE6 anymore. It 'should' work just fine, but I wouldn't even bet on suckerfish working well in IE5 without extra testing.

0
23-degreesAuthor Commented:
Thanks
0
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
Web Browsers

From novice to tech pro — start learning today.