html - 相对样式不适用于 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 -->