Позиционирование ModalPopupExtender над другим ModalPopupExtender

Question

Первый ModalPopupExtender появляется в центре экрана, когда я показываю второй ModalPopupExtender, он появляется ниже и справа от первого (хотя и выше первого).

Я хочу поместить его в центр экрана.

Update:

Я обнаружил, что проблема со вторым вспылвающего:

PopupDragHandleControlID="pnlDragMe" 

если я удалить его, это нормально.
, но мне нужен контроль перетаскивания!

Это моя перетащить панель:

<div id="pnlDragMe" class="pnlDragMe"> 
      Image Uploader 
     </div> 

и это CSS:

.pnlDragMe 
{ 
    background-color: #4D676A; 
    height: 24px; 
    cursor: move; 
    width: 100%; 
    text-indent: 10px; 
} 

Макет страницы CSS:

/* General styles */ 
    body { 
     margin:0; 
     padding:0; 
     border:0;   
     width:100%; 
     background:#fff; 
     min-width:600px;  

     font-size:90%; 
    } 
    a { 
     color:#369; 
    } 


    /* column container */ 
    .colmask { 
     position:relative;  
     clear:both; 
     float:left; 
     width:100%;   
     overflow:hidden;  
    } 
    /* 2 column left menu settings */ 
    .leftmenu { 
     background:#FFD8B7; 
    } 
    .leftmenu .colright { 
     float:left; 
     width:200%; 
     position:relative; 
     left:195px; 
     background:#fff; 
    } 
    .leftmenu .col1wrap { 
     float:right; 
     width:50%; 
     position:relative; 
     right:200px; 
     padding-bottom:1em; 
    } 
    .leftmenu .col1 { 
     margin: 0 5px 0 205px; 
     position:relative; 
     right:100%; 
     overflow:hidden; 
    } 
    .leftmenu .col2 { 
     float:left;   
     position:relative; 
     /*width:170px; 
     right:185px;*/ 
     width:170px; 
     right:190px; 
    } 
    /* Footer styles */ 
    #footer { 
     clear:both; 
     float:left; 
     width:100%; 
     border-top:1px solid #000; 
    } 
    #footer p { 
     padding:10px; 
     margin:0; 
    } 

Answer 1

Jquery center plugin

Это работает для меня очень хорошо