CODEWITHSUNDEEP
javascriptjqueryhtmlcssfirefox
Daniel Stejskal
Daniel Stejskal

Reputation: 63

Anchor (links) get no mouse event in firefox, when in absolute box

I have a strange problem here. When i put hypertext links into absolute positioned element, which is inside relative positioned parent, it get no mouse events - hover, click etc. It only occurs somewhere and in the Firefox only. The children container is in the overflow area of parent.

Sample code: http://jsfiddle.net/w7UvP/5/

Thank you for any ideas

Upvotes: 0

Views: 109

Answers (2)

httpgio
httpgio

Reputation: 127

Looking at your code, your markup is completely incorrect. You have your menu nested inside of a button. You can start by formatting your HTML correctly.

Upvotes: 0

zgood
zgood

Reputation: 12621

Change your <button> to a <div> and it will work. I think it's an issue with FireFox and the button element. Maybe it won't let events bubble up from within a button tag. I dunno

You probably shouldn't nest things in a button. Here is a working (in FireFox) fiddle

Upvotes: 1

Related Questions