画像垂直中央css書き方

<div class="imgBox"> 
<img src="http://www.cr173.com/skin/img/pdf.jpg" /> 
<i></i> 
</div> 
<style type="text/css">
.imgBox{ width:100%;height:400px; border:1px solid red;} 
.imgBox img,.imgBox i{display:inline-block; vertical-align:middle;} 
.imgBox i{height:100%} 

</style>