css - rich:modalpanel ヘッダーのスクロールを制御する方法

Question

Richfaces 3.3.3私は自分のページで使用しrich:modalpanelており、モーダルパネル内のログの詳細を表示するために使用しています。また、このモーダルパネルのスクロールオプションを使用しています.垂直または水平にスクロールすると、モーダルパネル内のコンテンツもスクロールします.しかし、同時にモーダルパネルヘッダーもスクロール。スクロールにHTML div要素を使用する場合、その後モーダルパネルのサイズを変更すると、サイズ変更されたdiv要素のみがサイズ変更されません

  following code will explain clearly,

<rich:modalPanel id="logModalPanel"                  
                 width="800"                                          
                 resizeable="true" 
                 style="height:600px;overflow:scroll;">  

                  <f:facet name="header" >
                  <h:outputText  id="ModalPanelHeader" 
                  value="#{bean.logFileName}" />
                  </f:facet>

               <f:facet name="controls">
                  <h:graphicImage id="modalPanelCloseIcon" 
                  value="#{..///closeImage}"
                  onclick="#{rich:component('logModalPanel')}.hide();">
                  </h:graphicImage>
               </f:facet>

               <h:form>
               <rich:panel id="logDetailsPanel" 
                  styleClass="remove-border" 
                  style=" width:100%; height:100%;">

                <div >   
                <pre>${bean.content}</pre>
                </div>

           </rich:panel>
           </h:form>
          </rich:modalPanel>    

スクロールバーを水平に移動すると、ヘッダータグも水平に移動し、モーダルパネルの中心点に来るように画像を閉じます。垂直に移動すると、ファセットヘッダーも移動します。どうすれば修正できますか？