/    Sign up×
Community /Pin to ProfileBookmark

dropdown mouse enter/exit IE7 problem

Copy linkTweet thisAlerts:
Feb 16.2010

I have a header & content div (one below the other) and in the header div there is a dropdown menu that will overlap the content div.

In IE7 I know that the parent Div’s z-index is what lets the nav show over the content div. That’s working perfectly, the problem is when I have an <H1> in the content div.

(only IE7, others work perfect)
I hover over the menu and it shows up (over the H1) so far everything is good. but the second i work my way down the dropdown and my mouse pointer goes over a nav item that is on top of the H1 (despite being behind) its detected that my mouse has left and the nav hides again.

I’m not sure what could be causing this, its only IE7 & I’m using jQuery to detect mouse enter/leave events… I have also tried jQuerys hover instead but produced the same results.

its acting like the h1 is over my dropdown but visually clearly isn’t? I have done nothing odd to my h1 (inline, no floats…) even tried giving it a lower z-index (no effect)

Ideas? Thanks,
-aPeg

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@Powersurge360Feb 17.2010 — This article may solve your problems, but it may not be what you want to do. Regardless, here it is. [url=http://www.alistapart.com/articles/hybrid/]Hybrid Dropdowns[/url]
Copy linkTweet thisAlerts:
@apegauthorFeb 17.2010 — Thank for the article Powersurge, that&#8217;s almost the exact same setup i had going on my site (i had a vertical while the article was using a horizontal).

I could not figure it out, so i just re-wrote the nav and miraculously it now works... i suspect my problem was having the hover events attached to the <li> and not the <a> but even with IE tester its hard to figure out what&#8217;s causing the problem...

Thanks for the help,

-aPeG
×

Success!

Help @apeg spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.4,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...