html - Firefox で動作しない CSS (表のセル) でテキストを垂直方向に中央揃えにする

Question

いくつかの単語から完全な文までさまざまなテキスト行があります。そのテキストを水平方向に、そして最も重要なのは垂直方向に中央揃えにする必要があります。

CSS は垂直方向の中央揃えで本当に不必要に失敗しますが (c'mon みんな)、IE10 と Chrome で機能するソリューションを見つけました。実際には firefox でも機能しますが、firefox は div をコンテナーの下に押し込みます。

html / css は次のようになります。

<div style="position:absolute;">
    <div style="position:relative;width:343.17em;height: 237.38em>
      <svg for cloud />
    </div>
    <div style="position:relative;top:-210em;left:30em;width:240em;height: 180em;display: table-cell;vertical-align: middle;text-align: center">
       <p style="text-align: center;display:inline-block">v-center me</p>
    </div>
</div>

Chrome と IE では次のようになります。

FF では次のようになります。

編集：これは、正確な問題を示すフィドルです。クロムで表示してからFFで表示します。

http://jsfiddle.net/AwokeKnowing/PJJce/