vertical align and valign не работает с таблицей!

Я динамически создаю таблицу с помощью AJAX. Структура таблицы, которую нужно заполнить, выглядит следующим образом:

<table id="foobar"  style="width:100%">
    <thead>
        <tr>
            <th style="width:20%;"></th>
            <th style="width:55%;"></th>
            <th title="widget name">Name</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

Данные ячейки содержит либо:

• изображение
• оболочку div с тегами привязки и параграфами

Я пробовал следующее:

1. установка valign = "top" (отдельно) в table , th и tr уровни - это не повлияло на
2. установку style = "vertical-align: top;" (отдельно) в таблица , th и tr уровни - это не повлияло

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

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