<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<table style = "width : 500px; border : 1px solid black;">
<tr>
<td style = "height : 100%; border : 1px solid;">
1st TD
</td>
<td rowspan = 2 style = "border : 1px solid;">
</td>
<td rowspan = 2 style = "border : 1px solid; height : 100%; vertical-align : top;">
Sidebar
<br />
<br />
<br />
Sidebar
<br />
fdkdf
<br />
dfkdf
fdkdf
<br />
dfkdffdkdf
<br />
dfkdf
fdkdf
<br />
dfkdf
</td>
</tr>
<tr >
<td style = " border : 1px solid;">
Last TD
</td>
</tr>
</table>
See my code in Firefox and IE. I want the looks of FF where the 1st TD expand as the text grows and Last TD occupies the remaining height of whole table.
How can I accomplish this.