I'm working on a site right now that's working just fine in every browser I've tried except IE. Behavior varies depending on version but I'm concentrating on 7 and 8. The weird thing is that on two different computers both using IE8, the layout appears differently. One renders the page correctly while the other has some positioning problems that show up when I view the page on IE7.
I can get the page's appearance to be more or less consistent between IE7 and IE8 by taking out the doctype but my client wants the site to be standards compliant. How do I work around this? Thanks.
I would force IE into standards-complaint mode by specifying the correct doctype and validating your code (see doctype triggers here) (validate here) and then use conditional statements to adjust for problem browsers (see conditional statements). Also, you can use this meta tag to force IE 8 to behave like IE7 if that would help you (see meta tag here). Additionally, here is a list of common IE CSS bugs you may be experiencing that may help you solve your problems.
Hope that helps!
You could also force IE8 to act like IE7 by putting this into your :
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />