Hey Guys,

In testing the site, the drop-down menus work great in FF, Safari, and Chrome, but IE8 the largest browser in use with our customer-base we're having issues. I'm not sure what is causing this or how I can fix it so you all hopefully can help.

The drop-downs disappear to quickly for you to make a selection. Then you go back and have to do it several times to even make a selection. I've learned that you have to move the mouse slowly for the drop-downs to stay but I cannot guarantee that everyone will do that and it will cause some major frustrations on the less-savvy customers.

Please someone help!

Comments

krazykellie’s picture

krazykellie CreditAttribution: krazykellie commented

Anyone have any ideas? I can take a screencast so you can see the jumpiness of the menu if that would help.

Please!!!

gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented
Assigned: Unassigned » gtsopour
Issue tags: +corporate, +Corporate Theme, +Corporate Clean Theme

Hello krazykellie,

you should not had a problem in IE8. Is your Drupal installation online? Could you check please if your IE8 is running in compatibility mode?

Thanks
George

krazykellie’s picture

krazykellie CreditAttribution: krazykellie commented

Hey George,

I've checked we are online and I am not running IE8 in compatibility mode. Here is a link to our site: http://apps.metrolibrary.org/drupal

gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented

Hello krazykellie,

i cannot access this url http://apps.metrolibrary.org/drupal

Thanks
George

krazykellie’s picture

krazykellie CreditAttribution: krazykellie commented

Shoot! Sorry!

http://apps.metrolibrary.info/drupal

gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented

Hello krazykellie,

Could you make the following changes to your style.css file. Please inform me about the result.
I also keep the debugging...

line 273
From

#header-menu ul.menu  { display:block; padding:0; margin:0;  }

to

#header-menu ul.menu  { display:block; padding:0; margin:0; position:relative; z-index:1;  }

line 277
From

#header-menu ul.menu li a { outline:none; text-decoration: none; margin:0 35px 0 0; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; text-transform:uppercase; 
font-family: Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; }

to

#header-menu ul.menu li a { outline:none; text-decoration: none; margin:0 35px 0 0; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; text-transform:uppercase; 
font-family: Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; display:block; }

Thanks
George

gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented

For no conflicts with slideshow, make the following change in line 273

From

#header-menu ul.menu  { display:block; padding:0; margin:0;  }

to

#header-menu ul.menu  { display:block; padding:0; margin:0; position:relative; z-index:100;  }

Thanks
George

krazykellie’s picture

krazykellie CreditAttribution: krazykellie commented

Thanks George!

I'll give it a try!

krazykellie’s picture

krazykellie CreditAttribution: krazykellie commented
Status: Active » Closed (fixed)

That seemed to do the trick! You're a genius!!

gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented
Status: Closed (fixed) » Fixed
gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented

Hello krazykellie,

You can see this issue for both IE7 and IE8 drop-down menus support.

http://drupal.org/node/1264098#comment-5223564

Thanks
George

Automatically closed -- issue fixed for 2 weeks with no activity.