Replicating table layout feature

I am trying to convert a table layout to a CSS Layout. There is one thing that the client wants that I don’t know is even possible in css.

The stripped down table is:

[code=html]<table>
<tr>
<td rowspan=”2″>
<h2>Big 1</h2>
<p>No matter how big this cell is the other two will always be half as high.</p>
</td>
<td>
<h2>Box 2</h2>
</p>1/2 the height of Box 1</p>
</td>
</tr>
<tr>
<td>
<h2>Box 3</h2>
</p>1/2 the height of Box 1</p>
</td>
</tr>
</table>[/code]

Is there a way to always make box 2 & 3 50% of the height of box 1.

I’m looking for both the css and html code to do this.

Also in #CSS _↴