Upgraded to JQM 1.1.1 and header jump returns - only on dynamic pages

Upgraded to JQM 1.1.1 and header jump returns - only on dynamic pages

I am using the Sea of Clouds twitter script and it was working fine in 1.0.1.  I've upgraded to PhoneGap 2.1.0 and have everything up to par except for this page issue.  If I load in 10 or 15 tweets, so that the page has to scroll, on the initial page load, the header drops about 1/4 of the page.  Once swiped, the header jumps back and seats correctly at the top of the screen without further issue.  Seems like it is only happening on the initial page load.  Can't seem to figure this one out.  

Using PhoneGap 2.1.0, JQ 1.7.1 and JQM 1.1.1.  THANKS for any ideas:

<!DOCTYPE html> 

<html> 

<head> 

<title>Nusinov</title> 

<meta name="viewport" content="width=device-width, initial-scale=1"> 

<link rel="stylesheet" href="css/jquery.mobile-1.1.1.css" />

      

<script src="js/jquery-1.7.1.min.js"></script>


<script src="js/jquery.mobile-1.1.1.min.js"></script>

</head> 


<body>




<div data-role="page" id="twitterfeed">

<div data-role="header" class="page-header" data-position="fixed">

<a href="social.html" data-transition="none" data-icon="arrow-l" data-iconpos="notext" data-direction="reverse">Back</a>

<div class="logo"></div>

</div>


               <div data-role="content">

               <div class="content-left">

                        

                        <script src="js/jquery.tweet.js" charset="utf-8"></script>

                        <link rel="stylesheet" href="css/jquery.tweet.css">

                        

                        

                        <script type="text/javascript">

                           function randomString(length) {

                              var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz'.split('');

                              var str = '';

                              for (var i = 0; i < length; i++) {

                                 str += chars[Math.floor(Math.random() * chars.length)];

                              }

                              return str;

                           }

                           var rnd = randomString(8);

                           

                           jQuery(function($) {

                                  $(".rnd").replaceWith(rnd);

                                  

                                  

                                  $(".demo .code").hide().each(function(i,e){

                                                               $(e).before($('').

                                                                           click(function(ev) {

                                                                                 $(e).slideToggle();

                                                                                 $(this).hide();

                                                                                 ev.preventDefault();

                                                                                 }));

                                                               

                                                               }).each(function(i, e){ eval($(e).text()); });

                                  });

                           </script>

                        

               

                        <div class="demo">

                           <pre class="code">

                              

                              jQuery(function($){

                              $(".tweet").tweet({

                              username: "nusinov",

                              count: 7,

                              loading_text: "Please wait, loading new tweets..."

                              });

                              });

                           </pre>

                           <div class='tweet query'></div>

                        </div>  


</div>

</div>

         <div data-role="footer" data-id="foo1" data-position="fixed">

            <div data-role="navbar" class="custom-icons" data-grid="d">

               <ul>

                  <li><a href="index.html" id="home" data-icon="custom" data-theme="a" data-transition="none" data-prefetch>Home</a></li>

                  <li><a href="download.html" id="download" data-icon="custom" data-theme="a" data-transition="none" data-prefetch>Buy</a></li>

                  <li><a href="social.html" id="chat" data-icon="custom" data-transition="none" data-theme="a" data-prefetch>News</a></li>

                  <li><a href="calc.html" id="calc" data-icon="custom" data-transition="none" data-theme="a" data-prefetch>Calc</a></li>

                  <li><a href="contact.html" id="cell" data-icon="custom" data-transition="none" data-theme="a" data-prefetch>Contact</a></li>

               </ul>

            </div>

         </div>


      </div>

      

</body>

   

</html>