I noticed that External Panels do not work properly on Internet Explorer 11 (the one that comes with Windows 8). Actually it only works properly for Overlay panels. For Reveal and Push there is a gap between the content and the panel.
You may reproduce this problem with the standard demos page. Just open this page using IE 11 and hit Reveal or Push:
I have a page with a header and a footer both with the data-position="fixed" attribute. This works fine when I debug my application on my desktop using Chrome or IE. Footer and header remain visible and only the content scrolls. However this is not the case when my app runs on Windows Phone 7.5. Footer and header follow the content scrolling, hense the header is hidden when I scroll down and so is the footer when I scroll up. This happens both when I'm using directly IE on the phone or when I wrap my application in a phonegap app.
Then go back to Page 1 and press 'Change Item'. This will change the current item and consequently the title that is displayed in the input.
Press 'Change Page' again to go to Page 2.
The problem: The styling of page 2 is lost. As you can see the styling in Page 1 is just fine, so I understand that this happens when a change that affects a non visible page takes place (page 1 makes a change that affect page 2 when the latter is not visible).