HTML: Вертикальное выравнивание div в div

Question

Я хотел бы вертикальный центр div в другом div, но я не заставляю его работать. Радиус изображения должен быть центрирован в родительском (черном) div. Я уже попробовал

position: absolute; 

починку, а также

display: table-cell; 

, но оба они не похоже на работу. Промедемы кажутся моим родительским div на 100%. Может ли кто-нибудь помочь мне? Пример здесь:

http://jsfiddle.net/mkGXx/

Answer 1

<div style="display: table; height: 800px; #position: relative; overflow: hidden;"> 
    <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;"> 
     <div class="greenBorder" style=" #position: relative; #top: -50%"> 
     any text<br /> 
     any content<br /><br /><br /> 
     everything is vertically centered 
     </div> 
    </div> 
    </div> 

см по адресу: http://jsfiddle.net/9eDXM/