div img 垂直水平居中

<style>
div {
width: 600px;
height: 578px;
text-align: center;
display: table-cell;
vertical-align: middle;
text-align: center;}

</style>
<!--[if lte IE 7]>
<style type="text/css">
i {
display:inline-block;
height:100%;
vertical-align:middle
}
img {
vertical-align:middle
}
</style>
<![endif]-->

<div>
<i></i>
<img  src="" />
</div>