Im building a phonegap app for blackberry, using jQueryMobile.
I have a few pages where the content is shorter than the screen height ( blackberry torch, so 480px tall ). In these cases, I can see that the <body> fills the screen height -- as expected -- but the page itself ( the <div data-role="page"> element ) is only as tall as the contents.
This would not be a problem, except that the footer ends up floating 3/4 the way down the screen, instead of at the bottom as I'd prefer. It looks really junky, to be honest.
I've tried using javascript to sniff the screen size and set a min-height on the page, but this doesn't fix the problem.
This is on a Torch, running 6.0
Any ideas on how to address this?