css + htmlでモーダルウィンドウを中央に配置するにはどうすればいいですか？

Question

どのようなCSSスタイルと垂直モーダルウィンドウを中央に：

.inquiry_form_container { 
    left: 50%; 
    margin-left: -375px; 
    width: 750px; 
    top: 150px; 
    position: fixed; 
    z-index: 10001; 
    background: #fff; 
    border: 1px solid #cccccc; 
    display: block; 
    -webkit-box-shadow: 0 0 10px #cccccc; 
    -moz-box-shadow: 0 0 10px #cccccc; 
    -o-box-shadow: 0 0 10px #cccccc; 
    box-shadow: 0 0 10px #cccccc; 
} 

それ以外は高さを知っていたのですが、どのように行うには、そのウィンドウは、上部と下部から同じ余白となること？

Answer 1

left:50%を使用するとよい考えがあるかもしれませんが、私は2つのDIVを使用します。

最初のDIVは、position:relative,left:50%およびwidth:0pxとなります。

第2のDIV（内側）はposition:absolute,width:200pxおよびleft:-100pxとなります。

不明な高さについて何をすべきかわかりません。 2番目のDIVのピクセルの高さはどうですか？overflow-y:scroll？