淘宝的面试题目: DIV层内容垂直居中的多种解决方法

淘宝的面试题目就是这样，不过答案很多...

淘宝解法：
<style type="text/css">            
.box {      
    display: table-cell;      
    vertical-align:middle;      
    width:200px;      
    height:200px;      
    text-align:center;      
    /* hack for ie */      
    *display: block;      
    *font-size: 175px;      
    /* end */      
    border: 1px solid #eee;      
}      
.box img {      
    vertical-align:middle;      
}      
</style>
<div class="box">
    <img src="taoscars_180x95_071112_sr.jpg" />
</div>
网友解法一：
.box {
display: table-cell;
vertical-align:middle;
width:200px;
height:200px;
text-align:center;
line-height:200px;
border: 1px solid #eee;
}
.box img {vertical-align:middle;}
网友解法二：
.box{
text-align:center;
width:200px;
height:
200px;
border:1px solid #ff0;
vertical-align: middle;
display: table-cell;
}
.box img{margin-top:expression(100-this.height/2);}
我一直用最后那个解决方法，呵呵