I had a app build using Phonegap 1.8 + Sencha touch 2.0.1, which worked fine till iOS 5.1. Recently we were asked to upgrade it to iOS 6.0. This app was for both iPhone and iPad.

On iPhone 5 and other iPhone's having iOS 6.x it works fine and as per CSS specified. However for iPad on iOS 6 it just breaks.

The CSS rendering has completely changed: eg: on the tabpanel we were doing this:

.x-tabbar.x-docked-bottom .x-tab .x-button-icon 
    width: 5em;
    height: 5em;  
Looks good on iOS 5 iPad and on iOS 6 it doesn't even show the title and it shows icon's really huge.
Don't know what is the problem, I am looking for a simple solution. I have started segregating CSS for different versions of iPad but that is big task.