Применение вертикального выравнивания к двум div с использованием встроенного блока

Итак, у меня есть некоторые DIV. Структура - это

    <div id="content">
        <div id="lcol">some content</div>
        <div id="lcol">some<br />content</div>
    </div>

И моя проблема в том, что два div имеют разную высоту. Я использую display:inline-block для "lcol", а "content" - просто обычный div. Два lcol divs действительно появляются бок о бок, но они привязаны к нижней части div. Я бы хотел, чтобы они были привязаны к вершине div. Я попытался добавить vertical-align:top в 'content', но ничего не произошло.

Любые идеи?

JsFiddle: http://jsfiddle.net/qxe8h/1/

Ответ 1