jquery mobile footers slight gap in landscape/portrait

jquery mobile footers slight gap in landscape/portrait

So I have a web page that  when i got the math out,  including the header, footer, and content, is about 680px in height. Now considering that when on an ipad, the workable area is 746px landscape, everything should fit with out having to scroll. Yet for some reason, it shows that there more area to scroll to.

Now this even happens when in portrait mode as well, even though the working are is about 1004px.

Any idea when this is happening?