?
Solved

Dropdown Won't Stay Open in IE

Posted on 2013-05-21
3
Medium Priority
?
248 Views
Last Modified: 2013-05-29
We've coded a menu with one dropdown item.  It's the " Eras" link at the top-right of the page.

We had to use position:fixed in order to display the menu in IE8+ on PCs. However, this creates another issue, which is that they won't stay open when hovered.

You can see it here: http://icph.joshreisner.com/

Thank you for any clues!
0
Comment
Question by:rjunk
  • 2
3 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39185660
I'm not seeing a problem... works in FF, Chrome and IE10.

Cd&
0
 

Author Comment

by:rjunk
ID: 39191392
Thanks, COBOLdinosaur.  Did you look on a Mac?  We're getting this bug on a PC on IE8 & IE9.
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 1200 total points
ID: 39191858
Try using :
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />

Instead of:
<meta http-equiv="X-UA-Compatible" content="IE=edge">

I am unclear why you would need to use position:fixed for a simple dropdown menu, and certainly having anything in IE try to occupy the same space as a dynamic effect is always a challenge.

Cd&
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
This video shows how to quickly and easily deploy an email signature for all users in Office 365 and prevent it from being added to replies and forwards. (the resulting signature is applied on the server level in Exchange Online) The email signat…

807 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question