The box I'm trying to make can be seen below hopefully.

This is done with the following:
Code: Select all
<table width="388" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="23" height="21" background="images/border_tl.gif"></td>
<td rowspan="3" valign="top" class="border_horiz">
<div class="heading_box">Welcome</div>
Tester words tester text testing testing Tester words tester text testing testing Tester words tester text testing testing Tester words tester text testing testing tester text testing testing Tester words tester text testing testing. tester text testing testing Tester words tester text testing testing.
</td>
<td width="24" height="21" background="images/border_tr.gif"></td>
</tr>
<tr>
<td height="152" class="border_left"> </td>
<td class="border_right"> </td>
</tr>
<tr>
<td height="23" background="images/border_bl.gif"></td>
<td height="23" background="images/border_br.gif"></td>
</tr>
</table>Code: Select all
<td height="152" class="border_left"> </td>If the height is set as above however, it also breaks in IE if the content is longer than the box.
I think what is complicating the issue is that I'm spanning the central column, but with the size of the rounded corners, too much space is lost if I dont reclaim it.
Any help would be great.
