css图片垂直居中，支持IE6+,chorme,ff

ul.img_list li{float: left;width: 142px;height: auto;margin-right: 6px;}
ul.img_list li .pic{border: 1px solid #DFDFDF;width: 140px;height: 120px;}
ul.img_list li .pic a{border: 3px solid white;width: 134px;height: 114px;display: table-cell;vertical-align: middle;*display: block;*font-size: 100px;text-align: center;}
ul.img_list li .pic a:hover{border: 3px solid #D7D2D7;}
ul.img_list li .pic img{width: 130px; _width:expression((documentElement.clientWidth > 130) ? "130px" : "auto" );max-height: 110px;vertical-align:middle;border: none;}

ie6, ie7 图片居中：

容器样式：

*display: block;*font-size: 100px; // 当前容器高度 / 1.14 (114/1.14)

同时img 还需设置：vertical-align: middle;

ie8+和其他浏览器只要将容器样式设置为：

display: table-cell;vertical-align: middle;