兼容 IE div+css 图片垂直居中

<style>
div {
    display:table-cell;
    height:200px;
    width:200px;
    text-align:center;
    border:1px solid #ccc;
    vertical-align:middle
}
</style>
<!--[if IE]>
<style type="text/css">
i{
    display:inline-block;
    height:100%;
    vertical-align:middle
}
img {
    vertical-align:middle
}
</style>
<![endif]-->

<div>
    <i></i>
    <img src='http://bbs.xd.com/ucenter/data/avatar/003/39/97/41_avatar_middle.jpg'/>
</div>