Mysterious horizontal lines on my site when rendered on iPad

Question

The following site:

http://staging.jungledragon.com

Has a few rendering issues on the iPad using Safari, so I\'m trying to fix them. There is one issue where I a

Answer 1

Over-sizing your background images manually or using CSS3 should almost always work, as Damien and namsral pointed out.

However, sometimes this will not solve the problem in cases where your background image is anchored at a certain position. For example, if your background image is anchored to the bottom of your div, and the line appears at the bottom of this div, then you should shift the background image lower [than the bottom] by a certain amount, depending on the height of your div. For example:

background-postion: center 100.1%;