JQueryMobile+Phonegap+Android GUI Bug: When changing page some of the components are misplaced

JQueryMobile+Phonegap+Android GUI Bug: When changing page some of the components are misplaced

So my problem is sometimes, when I transition through my pages the whole page is not in the proper place. Additionally, when the user clicks anywhere in the screen that is blank, the page will be back in the right place.

From the attach pic, you'll see that the header (red highlighted box) and the body is out of place. the correct place should be inside the yellow highlighted box.

//Additional:
The bug seems to occur more often in samsung galaxy note.