css - jquery uiダイアログ内に固定トップバナーを表示するにはどうすればよいですか?

Question

現在、サイズが 875x600 の jq ui ダイアログが開いています。ユーザーがダイアログのコンテンツをスクロールしている間、その固定位置に保持したい情報を含むトップバナーがあります。ダイアログも移動可能であるため、バナーは明らかにダイアログにとどまる必要があります。
必要な場合は、ここにバナー コードがあります。grid_14 は 820 ピクセルです

<div class="row" id="PatientHeader">
    <div class="grid_14 patientNameHeader">
        <div class="column grid_14">
            <h2>lastname, firstname</h2>
        </div>
    </div>
    <div class="grid_14 patientInfoHeader">
        <div class="column grid_6">
            <h2><i>HICN:</i><br></h2>
        </div>
        <div class="column grid_4">
            <h2><i>DOB:</i><br> mm/dd/yyyy</h2>
        </div>
        <div class="column grid_4">
            <h2><i>Sex:</i><br>Female</h2>
        </div>
    </div>
</div>  

ありがとう！

更新:
次のコードで配置したままにしましたが、ユーザーがダイアログを移動したり、上下キーを使用したりすると、バナーはダイアログではなくビューポートに残ります。

#PatientInfoHeader {
    background-color: rgba(1, 1, 1, 0.8);
    box-shadow: 0 0 8px 0 #000000;
    color: rgba(1, 1, 1, 0.8);
    height: 138px;
    padding-top: 0;
    position: fixed;
    top: 95px;
    width: 840px;
    z-index: 9999;
}
#ClaimsWrapper{width: 840px; position: absolute;}
#ClaimsContent{position: relative; top: 120px;}