相对样式不适用于jquery移动面板

Question

我正在尝试用100％宽度和100％高度的背景颜色填充jquery移动侧面板。我可以让它与绝对定位一起工作，但这给我带来了一些safari和chrome的错误。

非常感谢任何帮助。

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 -->