Выравнивание по вертикали: базовая линия не работает в Chrome

Question

У меня есть действительно глупый вопрос, если честно. В любом случае здесь идет. Я пытался использовать вертикальное выравнивание: базовая линия; который работает сам по себе. Проблема в том, что он работает в IE и Firefox. Моя проблема в том, что по какой-то странной причине он не работает в Chrome. скриншот проблемы в chrome http://img576.imageshack.us/img576/8976/chromem.png

И вот как он должен выглядеть (там есть отступ в 14 пикселей, иначе он будет на самом верху) http://img62.imageshack.us/img62/140/firefoxi.png в IE он выглядит так же, как и в Firefox,

Я не использую таблицу для своих изображений и текстов (просто указываю) Я надеюсь, что кто-то может мне помочь, потому что от этого у меня уже почти два дня болит голова:(

Answer 1

Если вы установите фоновый div в display: table и каждый из его детей display: table-cell, он должен работать.

#outer_div
{
    display: table; /* display: inline-table; works as well */
}

#outer_div div
{
    display: table-cell;
    vertical-align: baseline;
}