text-align в IE<9

[SuperJerk]

Такая трабла: IE младше 9-ой версии неправильно выравнивают inline-block элементы.

<div class="parent">
<div class="this-is-inline-block"></div>
<div class="this-is-inline-block"></div>
<div class="this-is-inline-block"></div>
</div>

Задав блоку с классом "parent" свойство text-align: center, а дочерним элементам свойство inline-block, нормальные браузеры располагают инлайн-блоки ровно по центру, но не IE<9. Как справиться с этим? Гуглил, но тамошние приемы мне не помогли, или я просто делал что-то не так.

Edited May 6, 2013 by SuperJerk

[potato]

ковычки упустил

[SuperJerk]

ковычки упустил

Это я в примере их упустил. Так-то они есть

[potato]

у меня нормально работает до 8 версии. а вот в 7 версии они в столбик, но все равно по центру.

.parent {
    text-align: center;
}
.this-is-inline-block {
display: inline-block;
background: brown;
border: solid 1px black;
width: 100px;
height: 50px;
}

[SuperJerk]

у меня нормально работает до 8 версии. а вот в 7 версии они в столбик, но все равно по центру.

.parent {
text-align: center;
}
.this-is-inline-block {
display: inline-block;
background: brown;
border: solid 1px black;
width: 100px;
height: 50px;
}

у IE7 частичная поддержка inline-block. Для нормально отображения надо добавить haslayout и сss-хак *inline.

Блоки центрируются, но не ровно по центру. Немного влево косят всё равно.