I am developing a site & it all looks good on Safari, Chrome, Firefox, even IE7 but my client keeps telling me that IE8 is screwed up. I can only recreate the errors that he is getting by using IETester on my Windows 7 machine.
My testing environment:
I have 3 different versions of IE8 to test with & am getting completely different in the 3 versions I have to test with. I use a mac, so all tests are done on 2 virtual machines using VirtualBox - Vista with IE8 installed & Windows 7 with IE9 & IETester installed.
Vista: IE8 on vista seems to run the site perfectly, albeit with a few minor bugs that I'm happy with.
Windows 7: Using IE9 I can change the browser & document modes, I have tried IE7, IE8 & IE9 for that matter all look totally fine. The only time I ever come close to what my client has seen is when I have used IETester - it looks almost identical to what my client has shown me from his non-IETester-using machine (by that, I have seen screengrabs of the pages he's seen).
One of the worst affected pages is the Facts page, there should only be one image at the top but instead I sometimes get 3! Could anyone point me in the right direction here? What is causing this random display bug on some versions of IE8 & why can I not replicate it on others.
EXAMPLES:
1: Facts page
- How it does look (in IETester & on my client's machine): http://cl.ly/8zjY (BAD)
- How it should look: http://cl.ly/8zh7
2: Benefits page intro
- How it does look (in IETester & on my client's machine): http://cl.ly/8z8X (BAD)
- How it should look: http://cl.ly/8zwz
3: Benefits page images
- How it does look (in IETester & on my client's machine): http://cl.ly/8zTq (BAD)
- How it should look: http://cl.ly/8zmO
I'd like to think that I have a good handle on IE bugfixing etc but this one is really baffling me - I really need the help.