css - Fluid コンテナーでテキストを垂直方向に中央揃えにする

Question

9 つのリンクを含むモバイル用のメニューがあります。したがって、すべての項目がページの高さの 11.1% を占める必要があります。動作します。問題ありません。

しかし ！コンテナー内のリンクを垂直方向に中央揃えにします。そして、私が試したものは何も機能しません:(私の問題は、垂直％がコンテナの幅に相対的であることです。

これが私がいる場所です：http://jsfiddle.net/YNGq2/

#menu {
height : auto;
width : 80%;
z-index : 50;
position: fixed;
top : 50px;
background-color: #FFFFFF;
bottom : 0px;
box-shadow: 1px 1px 5px #c7c7c7;
}


.mmline {
border-bottom : 2px solid #777777;
height : 11.1%;
text-align: center;
font-family: NeutrafaceCondensedThin;
text-transform: uppercase;
font-size: 30px;
    vertical-align: center;
}

および HTML :

<div id="menu">
<div class="mmline">
    title
</div>
<div class="mmline">
    title
</div>
<div class="mmline">
    title
</div>
<div class="mmline">
    title
</div>
<div class="mmline">
    title
</div>
<div class="mmline">
    bandes dessinées
</div>
<div class="mmline">
    title
</div>
<div class="mmline">
    title
</div>
<div class="mmline">
    title
</div>


</div>

液体容器の垂直方向の中央に配置するための最適なソリューションは何ですか?