I have created two menus, a horizontal drop-down and a vertical menu, these both work fine in IE8, Chrome and Firefox but I’m getting a weird issue in IE7.
You can view a jsfiddle here: http://jsfiddle.net/5y7vt/3/
In IE7 on the horizontal menu, hover over Link 2 and the dropdown appears however when you move down the dropdown it disappears when over the vertical navigation below.
In addition the dropdown links only hover when over the text, not the rest of the block.
Is anyone able to look and see why this is occurring?
Answer: Removing position: relative; from #nav ul li {} fixed the dropdown issue
Removing
position: relative;from#nav ul li {}fixed the dropdown issue