次のhtml構造のテーブルがあります。
<table>
<tr>
<td rowspan=2>A (This is a dynamic column. I don't know its height).</td>
<td>B</td>
<td rowspan=2>D</td>
<td>E</td>
</tr>
<tr>
<td>C</td>
<td>F</td>
</tr>
</table>
セル A の高さが 200px の場合、Firefox 19.0 ブラウザーで表示すると、セル B、C、E、F は 100px の高さに均等に分散されます。ただし、Google Chrome 25.0 では同じテーブルが表示され、セル B と E の高さがコンテンツを格納するのにちょうど十分で、セル C と F が残りのスペースを占有します。
私の質問は、CSS でセルの高さを指定せずにこれらのセルの高さを均等に分散するにはどうすればよいですか? 編集:私の目的は、セル A の高さが変化したときに、内部セルを均等に分散させることです。