jQuery mobile and apache cordova height

jQuery mobile and apache cordova height

I am working on an app for Android phones and tablets using apache cordova
and jQuery mobile.
Each page has a header, the content and the footer as described in jQuery
Mobile: Anatomy of a page
(http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-pages.html).
When I navigate from Page 1 to Page 2 using the bottom menu, the clickable
area of the menu is misplaced in the second screen. In order to navigate
to another page from page 2 I have to click in the invisible area
illustrated in the picture.
I tried some fixes that were related to jQuery Mobile not computing the
right height but without success.
This behavior is reproducible on Asus Memo Pad HD 7 tablet. The app works
fine on the phone (HTC Desire).
Also it appears that if I use an alert after the page is loaded the
problem is gone. Same happens I drag down the status top bar (the one with
battery and clock).
Any idea about what could cause this?