jQuery Mobile content height issue with iOS 7

jQuery Mobile content height issue with iOS 7

I'm having an issue with jQuery Mobile 1.4.2 using iOS 7 on my iPhone 5.

I have created a web app and my layout includes a header, content and footer on a normal page.

For some reason, I am still able to scroll down page on iOS 7 safari even though all elements within the content are visible. This is causing me some issues throughout my app, and I have tried seemingly everything to fix it.

Here are some screenshots to explain what I mean:

Not scrolled: http://imgur.com/Kk4z4nc

Scrolled: http://imgur.com/sBRSmVc

As you can see, I am able to scroll down for no apparent reason...

I am not having this issue in Chrome or Safari on Mac, only in Safari mobile.

Thank you in advance.