CODEWITHSUNDEEP
cssdrop-down-menuhover
Elijah Murray
Elijah Murray

Reputation: 2172

Safari stays in hover state CSS bug

I have a CSS dropdown menu. It works properly with Firefox, Chrome, IE7+, but not Safari. Weird. The drop down menu stay in the :hover state if you are in the parent menu.

I can quite describe this right, but basically the dropdown menu works fine on any page, except when the parent item is selected.

Works fine: http://firstglancesolutions.kinetixbizsuite.com/ Doesn't work: http://firstglancesolutions.kinetixbizsuite.com/services

Seems weird that the added class should mess up only Safari? I've been trying to find bugs or any related issues with just Safari, but can't seem to debug this.

Upvotes: 0

Views: 526

Answers (3)

showdev
showdev

Reputation: 29168

It appears that the Home and Services pages each use different methods of revealing the dropdown. The Home page changes the display of the dropdown UL. The Services page changes the overflow of the dropdown's parent LI, which seems to cause problems in Safari. I suggest using the Home page method on all pages.

Upvotes: 1

Chris
Chris

Reputation: 4372

You are also using jQuery (line 14-18) but not including the jquery js file.

Upvotes: 0

Jeff Miller
Jeff Miller

Reputation: 2443

The same JavaScript /CatalystScripts/Java_DynMenusSelectedCSS.js is being referenced five times throughout the page.

Try reducing it to only one and see if that helps.

Upvotes: 0

Related Questions