asked on

Odd behavior in IE10 with menus

http://www.beartoothflyfishing.com/

I have the sub navigation working as expected in all browsers but IE 10. Drop down menus seem to disappear on the second attempt of viewing them. Anyone run across this before? is there a known workaround?

Ishaan Rawat

Try this...

modify your present #access ul ul a code to...

#access ul ul a {
line-height: 1em;
width: 160px;
height: auto;
display: block;
}

Open in new window

try this if it works..!

mopar003

ASKER

Thank you IshaanWawat, that got it working except for one little quirk. If I activate the mouseover on the navigation I have to go to the area of the dropdown menu to activate the new "display: block" CSS that I added.

To replicate this, I go to the dropdown once, then go back to it, but on the upper portion of the navigation button.

Any ideas on what may be causing this?

mopar003

ASKER

Sorry, had a typo in your name "IshaanRawat". :(

Ishaan Rawat

I wonder if the following code work...

 #access ul li:hover > ul a{
     display:block;
}

Open in new window

mopar003

ASKER

Thanks for the quick reply! Added that code in and it doesn't seem to fix it. It seems like the bottom of my mouse pointer has to touch the top area of the dropdown for it to activate.

ASKER CERTIFIED SOLUTION

Ishaan Rawat

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

mopar003

ASKER

This fixed the issue. Thank you!
I do have some formatting issues, but I will work those out on my own or open a new issue here. This is not related.

I had originally wanted to have the drop-downs stack, but was willing to live with them as they were, side-by-side. Now they are stacking, so that is an unintended fix.

I just need to work on positioning and the borders.

Ishaan Rawat

So GLAD it worked... !!!!

Thanks,
IshaanRawat