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>