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

The issue's have to do with the way Mobile Safari handles background images. The green line that pops up (just inside your content area) is from another element.

Try 'over sizing' your images. For instance: A image gets cut off at 100 pixel height, make that image 110 pixels high. This works for me... most of the time.

Edit: I did check the site on my iPad and I just saw that single line popping up. Also note that it disappears when you zoom in/out which tells me it's a rendering bug (not something in your css).