div内多行文字垂直居中解决方案

html代码：

<div id="outer" class="withBorder">

　　<div id="middle">

　　　　<div id="inner">

　　　　　　　　jiji hihia hdioahd dhaih hdaihd hdaih hdiahd,

　　　　　　　　haf jfoajf hfoaha hohaf hnlafa njhlanhfa nfaf.

　　　　</div>

　　</div>

</div>

css代码：

#outer{height:100px;overflow:hidden;position:relative}

#outer[id]{display:table;position:static}

#middel{position:absolute;top:50%}

#middle[id]{display:table-cell;vertical-align:middle;position:static}

#inner{position:relative;top:-50%}

#inner[id]{position:static}