Центрирование <img /> + <a /> внутри таблицы и автоматическое переполнение в IE7

Question

У меня проблема с центрированием изображения и таблицы.На данный момент я установил display: inline-block, который работает во всем, кроме IE7.

Также я установил родителя <div /> с overflow-y: auto, проблема в том, что в IE7 таблица находится за полосой прокрутки, где, как и в FF, полоса прокрутки находится сбоку от таблицы,Есть ли способ обойти эту проблему?

Это упрощенная версия:

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;
}

Подробнее здесь.