title: Header overlaps content DIV in jquery-mobile
body: <p>i thought this would be a problem of jquery-mobile 1.1.0 RC.
  But also in the final release i got this weird problem, that my header overlaps my content div:</p>
  
  <p><img src="https://i.stack.imgur.com/2VRzP.jpg" alt="Header including navbar overlaps my content div"></p>
  
  <p>When i now click somewhere in the content div, the page rerenders and the content div is at the correct position(directly beneath the header).</p>
  
  <p>I'm using Backbone.js Views for representing content, and jquery-mobile-router. I tried almost everything but i counldn't find any solution for this problem.</p>
  
  <p>Does anyone know a solution for that?</p>
  
  <p>html: </p>
  
  <pre><code>&lt;!-- newsoffers page --&gt;
  &lt;div data-role="page" id="newsoffers"&gt;
      &lt;div data-role="header" data-theme="a" data-fullscreen="false" data-position="fixed"&gt;
      &lt;/div&gt;
      &lt;!-- /content --&gt;
      &lt;div data-role="content" data-scroll="true" class="content-full"&gt;
      &lt;/div&gt;
      &lt;!-- /content --&gt;
      &lt;div id="newsoffersFooter" data-role="footer" data-position="fixed" data-fullscreen="false" data-id="mainFooter" data-theme="b"&gt;
      &lt;/div&gt;
      &lt;!-- /footer --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the code for the header is dynamically injected! The content will be injected while the "pagebeforeshow" event is fired.</p>
  
  <p><img src="https://i.stack.imgur.com/Egn9L.png" alt="code for showing page"></p>
  
  <p>"setNavBarCollection" adds a backbone collection to the header, which is then rendered as a navbar.
  The "refreshOffers" function generates a view containing a backbone collection which is fetched asynchronously.</p>