В макете имеются два окна, всплывающих по клику на соответствующую ссылку.

Но чтобы я ни делал, всё равно получается так, что всплывшее окно прижимается к правой части экрана, а иногда даже метка закрытия вообще выходит за пределы экрана!

Как выровнять по центру это окно?

Полный код проще увидеть на сервере, в ключевые моменты такие:
Код вызова окна:

<a href="#" onClick="openWindow('rubric', '');">Руководство фирмы</a>

Код самого окна:

     <div id="rubric_window" style="display:none;"> 
        <div class="messageText"> 
            <p>  Текст в окне </p> 
        </div> 
    </div>   

CSS окна:

 .form { 
    outline:        none; 
} 
  
#modalOverlay { 
    height:         100%; 
} 
  
#modalContainer { 
    height:         auto; 
    width:          auto; 
    left:           50%; 
    top:            50%; 
    border:         5px solid blue; 
    background-color: #FFC; 
} 
  
a.modalCloseImg { 
    background:url(../img/x.png) no-repeat; 
    width:          25px; 
    height:         29px; 
    display:        block; 
    z-index:        3200; 
    position:       absolute; 
    top:            0px; 
    right:          0px; 
    cursor:         pointer; 
} 
  
.err_data { 
    margin:         0; 
    font-family:    Arial, Helvetica, sans-serif; 
    font-size:      16px; 
    font-weight:    bold; 
      
    color:          #F00; 
     
} 
  
#catalog { 
    font-family:    Lucida Console, Monaco, monospace; 
    font-size:14px; 
}