CSS vertical-align：中间不在IE7中工作

<div class="pics2">

<div style="position: absolute; top: 0px; left: 0px; display: block; z-index: 4; opacity: 1; width: 225px; height: 200px;"> // this div is generated via jQuery Plugin
<div style="display:table-cell; vertical-align:middle; height:200px;">
<img src="upload/<?php echo $array['image5'] ?>" width="225" />
</div>
</div>
</div>

这是CSS

.pics2 {  
    padding: 0;  
    margin-left:20px auto;
    margin-right:20px auto;
    width:225px;
    height:200px;
    overflow:hidden;
        float:left;
}

.pics2 div{
    width:225px;
    height:200px;
}

.pics2 img {    
        background-color: #eee;
    margin: auto;
    display:block;
    vertical-align:middle;
}

我想要做的是垂直对齐三个div中的图像,上面的代码在除IE7之外的每个浏览器中都有效…任何人都有任何想法如何解决它？

Vertically Center Multi-Lined Text

对于像这样的示例代码

margin-top: expression((parentNode.offsetHeight.offsetHeight/2)-(parseInt(this.offsetHeight)/2) <0 ? "0" :(parentNode.offsetHeight/2)-(parseInt(this.offsetHeight)/2) +'px');

代替

vertical-align:middle;

> parentNode.offsetHeight / 2 – 确定容器的高度并将其除以2.这使我们的边距恰好是屏幕高度的一半> – (parseInt(offsetHeight)/ 2)) – 确定居中块的高度.