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

Oops - how did that happen?

The meta to go in the head tag to to stop zooming on the iPad:

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

Answer 2

You can fix a lot of these "iPad gaps" problems by disabling zooming entirely on the iPad, by use of this meta tag, a la Facebook:

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

This prevents zooming on the iPad, but it has fixed all my "div gaps" problem completely.

Answer 3

There is a span or div without any content in it.

Please give a disply:none; to this div or span and see the result.