asp.net-mvc-3 - 画面中央にポップアップを表示

Question

次のように部分ビューをレンダリングしています

    $("#AddQkEnrolWaitlist").click(function () {
        replaceAjaxData('@Url.Action("QkEnrolAddWaitListDisplay", "QkEnrolWaitlist")', "QkEnrolAddWaitlist", 'Id', 0, '1');
        $('#AddQkEnrolWaitlistModal').modal({
            show: true
        });
    });
**    @* Pop up modal for Add Waitlist*@
<div class="container">
    <div id="AddQkEnrolWaitlistModal" class="addeditwaitlistmodal hide" ">
        <div id="QkEnrolAddWaitlist">
        </div>
    </div>
</div>**

そしてcssは

        .addeditwaitlistmodal {
      position:absolute;
   top:50%;
   left:50%;
  z-index:1050;
  width:650px;
   margin-left:-325px;
background-color:#fff;
border:1px solid #999;
border:1px solid rgba(0, 0, 0, 0.3);
 *border:1px solid #999;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
outline:0;
-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip:padding-box;
-moz-background-clip:padding-box;
background-clip:padding-box
   }

ウィンドウをポップアップするためにクリックしている親画面のボタンの位置に関係なく、常に画面の中央にポップアップを表示する必要があります。スクロールバー）が来るとき。

PLはVidyaを助けてくれます