jquery-mobile - jqueryモバイルの永続的なnavbarフッターが部分的に隠されています

Question

jquery モバイル 1.3.1 を使用しています。フッター内に永続的なナビゲーション バーを作成しました。正常に動作しますが、ナビゲーション バーは部分的にしか表示されません。高さの約半分が隠れています。

これがコードです。これは「コンテンツ」の終了 div の後です。

<div data-role="footer" dat-id="foo1" data-position="fixed" >
    <div data-role="navbar" >
          <ul>
             <li><a href="#" data-icon="grid">page1</a></li>                                                
             <li><a href="#" data-icon="star">Page2</a></li>
        </ul>
    </div>
</div>

私は何を間違えましたか？