中心<img/> + <a> inside table and overflow auto in IE7</a>

Question

我在将图像和桌子内部居中时遇到了问题。目前我设置了display: inline-block，除了IE7之外，它还适用于所有事情。

此外，我已将<div />设置为overflow-y: auto，问题是在IE7中该表位于滚动条后面，而在FF中，滚动条位于表。有没有办法解决这个问题？

This is a simplified version:

Answer 1

请参阅： http://jsfiddle.net/D52Uv/10/

要修复滚动条问题，最简单的“修复”可能是*padding-right: 20px，它仅适用于IE6 / 7。将20px调整为最佳效果。

修复图片：

.image {
    background: none repeat scroll 0 0 #E7E7E7;
    border: 1px solid #C7C7BB;

    display: inline-block;
    *display: inline;
    zoom: 1;

    margin: 4px 2px 0 0;
    padding: 4px;
    text-align: center;
}
.image img {
    vertical-align: top;
}

More info here.