兼容IE7、IE8、FF的图片居中

  <style type="text/css">
    * {padding:0;margin:0;}
    #div {clear:both;width:100px;height:100px;border:solid 1px #ccc;vertical-align:middle;margin:0 auto;text-align:center;display:table-cell;*font-size:88px;}
    #div img {vertical-align:middle;}
  </style>
  <div style="float:left;width:100px;">
    <div id="div">
      <img src="http://shop/photo/1.56.56.20-1.jpg.aspx" style="vertical-align:middle;" alt=""/>
    </div>
  </div>

IE8/FF居中方法：外层“vertical-align:middle;margin:0 auto;text-align:center;display:table-cell;”，里面使用vertical-align:middle;即可实现居中
IE7的居中使用“*font-size:88px;”来实现，当然这个字体的高度要根据外层的高度来调整，基本上是稍微比外层的高度小一点。