CSS控制Div中图片水平、垂直居中

html：

<div class="image">
    <i></i>
    <img src=http://css.oncecode.com/Images/gif/logo.png />
</div>
 
CSS：

div{
    border:1px solid #CDCDCD;
    background-color:#EFEFEF;
    height:300px;
    line-height:300px;
    width:400px;
    text-align:center;
    *display:table-cell;
    *vertical-align:middle;
}
div i{
    *display:inline-block;
    *height:100%;
    *vertical-align:middle
}
div img{
    vertical-align:middle;
    display:inline;
}

 
兼容firefox 2.0 和ie6、ie7