My site looks weird on an iPad
 

I just bought an iPad today and discovered that my site looks really weird on it. Basically images are showing up where they're not supposed to, so the wrong images are loading up in the wrong position.

The site is live at www.shopnaturally.com.au and there's a version at a test bed at 206 . 220 . 174 . 215 (please remove the spaces, I don't want this URL indexed). The test bed version looks fine. The live one doesn't. I haven't made that many changes.

I think it's possibly coming from the Project Seven Mega Menu, but I thought I'd ask on here first. Anyone got a clue? Even a nudge in the right direction would be helpful at this stage.

Re: My site looks weird on an iPad
 

well, you have 455 validation errors, so I'd suggest you fix those first as that is probably the issue.

http://validator.w3.org/

Re: My site looks weird on an iPad
 

If it's a 4.1 site, you are going to struggle to make it compliant, as it's not compliant out of the box, whereas later versions should be.
Don't forget, it's going to look pretty weird on smartphones too.

Re: My site looks weird on an iPad
 

The test bed shows a couple of odd issues, but the live site a lot more. I thought something obvious may have stood out. I am in the process of doing a 4.4 version from the ground up and upgrading, so not keen on attempting the impossible. It will never validate. Site looks fine in browsers, just doing something really odd on iPad. On my iPhone it looks fine.

I think I might have to go to the people who wrote the menu system. Theres an iPad quirk in it.

Re: My site looks weird on an iPad
 

You need to fix the critical ones, like unclosed <div> tags - those can cause havoc on some browsers. Don't worry so much about the break and image tags - but the structural tags should be fixed.