Я хочу сделать таблицу с ячейкой, которая занимает две строки. Второй ряд должен иметь как можно меньший размер высоты. Пример:

HTML:

<table>
    <tr id="row-1">
        <td>
            1st row
        </td>
        <td rowspan="2">
            a <br />
            a <br />
            a <br />
            a <br />
            a <br />
            a <br />
            a <br />
            a <br />
        </td>
    </tr>
    <tr id="row-2">
        <td>
            2nd row
        </td>
    </tr>
</table>

CSS:

td
{
    border: 1px solid black;
}
#row-2
{
    height: 1px;
}

http://jsfiddle.net/xp7vz/

Работает на Firefox (19.0.2). На Chromium (25.0.1364.160) строка с минимальной высотой является первой!

РЕДАКТИРОВАТЬ: проблема вызвана этой ошибкой:http://code.google.com/p/chromium/issues/detail?id=78724

Как я могу взломать его с помощью CSS? В настоящее время я использую JS, устанавливая высоту 1-го ряда, равную высоте ячейки диапазона строк, минус высота второго ряда.