Авто максимальная высота таблицы в таблице

Question

<table id="one">
    <tr>
        <td>

            <table id="two">
                <tr><td>qqq</td> <td>www</td> </tr>
            </table>


        </td> <td>12 <br /> 34 <br />56 </td>
    </tr>
    <tr>
        <td> </td> <td> aaa</td>
    </tr>
<table>

#one td {
    border: solid 1px red;
}

#two {
    background-color: green
}

ПРИМЕР ЖИВЫХ: http://jsfiddle.net/QMQ3R/3/

Я хотел бы - тд с qqq и www есть авто максимальная высота в таблица # один tr td .

Как я могу это сделать?12, 34, 56 генерируются с помощью PHP.Там может быть например 10 BR

Answer 1

Забавно, установите #one td и #two на height: 100%, и это работает в Firefox, а не в Chrome. Установите произвольное число (например, 1px) на #one td, и оно работает в Chrome, а не в Firefox. Установите высоту #one td на 0, и она работает в Firefox и Chrome, а не в IE. Хотя это глупо, и мне это не нравится. Вот (хакерский, но работающий) пример:

http://jsfiddle.net/QMQ3R/8/

Вложенные таблицы сосут, старайтесь их не использовать. Они не действительны в HTML5. Кроме того, не дублируйте идентификаторы.