jquery modal vertical align

как выровнять содержимое модального окна вертикально по центру?
пробовал самый простой метод через display table\table-cell

Код (PHP):

1. <style type="text/css">
2. .table{display:table;}
3. .cell {
4.    border: 1px solid #000;
5.    height: 200px;
6.    width: 200px;
7.    display:table-cell;
8.    vertical-align:middle;
9.    text-align:center
10. }
11. </style>
12. <div class="table">
13.   <div class="cell">
14.      <span>Блок по вертикали</span>
15.   </div>
16. </div>
17.  

но проблема в том что крестик модального окна при этом смещается влево
будут идеи?

PHP, JavaScript, SQL и другой код пишите внутри тегов

Код ( (Unknown Language)):

1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]