jquery-mobile - jquery-mobile でヘッダがコンテンツ DIV と重なっている

Question

これは jquery-mobile 1.1.0 RC の問題だと思いました。しかし、最終リリースでも、ヘッダーがコンテンツ div と重なるという奇妙な問題が発生しました。

コンテンツ div のどこかをクリックすると、ページが再レンダリングされ、コンテンツ div が正しい位置 (ヘッダーのすぐ下) に配置されます。

コンテンツを表すために Backbone.js ビューと jquery-mobile-router を使用しています。ほとんどすべてを試しましたが、この問題の解決策が見つかりませんでした。

誰かがその解決策を知っていますか?

html:

<!-- newsoffers page -->
<div data-role="page" id="newsoffers">
    <div data-role="header" data-theme="a" data-fullscreen="false" data-position="fixed">
    </div>
    <!-- /content -->
    <div data-role="content" data-scroll="true" class="content-full">
    </div>
    <!-- /content -->
    <div id="newsoffersFooter" data-role="footer" data-position="fixed" data-fullscreen="false" data-id="mainFooter" data-theme="b">
    </div>
    <!-- /footer -->
</div>

ヘッダーのコードは動的に挿入されます! 「pagebeforeshow」イベントが発生している間にコンテンツが挿入されます。

「setNavBarCollection」は、ヘッダーにバックボーン コレクションを追加し、ナビゲーション バーとしてレンダリングします。「refreshOffers」関数は、非同期でフェッチされるバックボーン コレクションを含むビューを生成します。