This one had me tripped up for a bit but I already knew the problem. Background colors get cut off sometimes in the Ipad when the width is too big for it. When you scroll over, the background color of the div isn’t there and it’s the background color of the page.
Here’s a screen shot from ipadpeek.com (which is an awesome site to test your site on):
I tried googling of course. I found a few forums that had the same issue.
It didn’t take long to reach a forum where someone had solved the IPad problem on stackoverflow.
I added a min-width of 1000px to my main block and that fixed it.