DIV图片垂直居中

<style type="text/css">
<!-- * {margin:0;padding:0}
div { width:500px; height:500px; border:1px solid #ccc; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle }
div p { position:static; +position:absolute; top:50% } img { position:static; +position:relative; top:-50%;left:-50%; width:276px; height:110px }
-->
</style>
<div>
<p>
<img src="http://webdesign.chinaitlab.com/UploadFiles_8014/200801/20080117140156958.gif" />
</p>
</div>