I have just started wroking on Jquery Mobile wrapped in phonegap for blackberry phones. I have a few screens with tabbars, navigation bars , collapsible lists etc.

 

The issue is with rendering the navigation bars which are included in the footer. There seems to be a lag while loading the pages and the navigation bars when scrolled,get all distorted and out of place but, after a few seconds fall back to the correct place. 

 

The  arrow images that appear with the lists are not displaying correctly. There is a box around these default images and icons. The page transitions are clumsy and the text boxes seem to be getting a blue wierd looking highlight around them.

  

Could someone please help me to fix these rendering issues.

 

Thanks a million in advance.

 

Regards.