Link to home
Start Free TrialLog in
Avatar of smitty62
smitty62Flag for United States of America

asked on

Resolving differences betwen IE 8 & 9

My website looks fine in all browsers including IE8 with the exception of IE9.  I have IE8 and don't wish to download IE9 yet because of the compatibility with IE8 (for checking IE7), and I'm afraid of conflict errors if I have both loaded on my desktop.  

My site uses a CSS dropdown menus.  Why are the dropdown's out of alignment in IE9 and only IE9?  is there any easy fix for this?  The URL is:
Avatar of Michel Plungjan
Michel Plungjan
Flag of Denmark image

Avatar of smitty62


I correct the two error, but I agree that they had nothing to do with the alignment.  Is there anyway I can fix the alignment problem without effecting the display in all the other browsers that it is working correctly in?
I had hoped that the font size had an influence.

Can you see what compatibility setting is used in IE9 - you may have to force EDGE with a meta header
I add <meta http-equiv="X-UA-Compatible" content="IE=8"> to the page, but the person with IE9 in the office is not here so I'll have to wait to test.  I used the above tag on my intranet because I knew everyone was suppost to have IE8 installed, but some people unknowingly would have their compatibility mode on (IE7) and not know it, so I added that code to the top of the page after <head> to turn IE7 off if they had it on.  I don't know if it will work for IE9, but I'm going to give it a try.
Avatar of jcimarron
Flag of United States of America image

Link to home
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
I think the last link will probably resolve the problem using
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >,
but I won't be able to fully test it until tonight.  Thanks for your help.
smitty62--You are welcome!
Hmm using a meta tag was my suggestion too