Link to home
Start Free TrialLog in
Avatar of GalaxiePete
GalaxiePete

asked on

Select Box Form Element Bug in Navigation Div Menu

I'm using a div menu (MegaMenu) that when you hover over the anchor tag CSS tells the underlying div to change its left attribute to 0px thus showing the menu. (Its -9999px by default which pushes it off page)

I wanted to include a drop down select box within the menu for a search system we've implemented. The form/select boxes work fine in all browsers except IE. In IE when you click on the select drop down box and begin to scroll down the list the div assumes you're no longer hovering over it, but rather the select box. The whole menu then disappears.

I need the form drop down box to behave like its part of that menu in IE7-8 so the menu doesn't disappear before something is selected.

Avatar of Mark Brady
Mark Brady
Flag of United States of America image

Can you post your code? Is the selectbox totally inside the menu div?
Avatar of GalaxiePete
GalaxiePete

ASKER

http://fullertontool.com/fullaccess/series/search

I've pulled the CSS and its available right in the source for that page. If you highlight over End Mills on the top bar you'll see the select pulldowns I'm talking about.
ASKER CERTIFIED SOLUTION
Avatar of Mark Brady
Mark Brady
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Yeah, I was a bit confused myself. :)

They were left as links in the event they wanted them linking to a "parent page". I could take them out now as we are no longer going in that direction. Good call.