html - 相対的なスタイリングはjqueryモバイルパネルでは機能しません

Question

jquery モバイル サイド パネルを、幅 100%、高さ 100% の背景色で塗りつぶそうとしています。絶対配置で動作させることはできますが、これによりサファリとクロームでエラーが発生します。

どんな助けでも大歓迎です。

CSS

.ContentRightPanel
{
   position: relative;
   height: 100%;
   background-color: pink;
   z-index: 21;
}

#rightpanel
{
  max-width: 13%;
  min-width: 200px; 
  z-index:20;
  height: 100%;
}

jQuery モバイル サイド パネル

<div data-role="panel" id="rightpanel" data-position="right" data-display="overlay"   data-theme="d" data-swipe-close="false" data-dismissible="false" data-position-fixed="true">

        <div class="ContentRightPanel">

        </div>

</div><!-- /panel -->