I have a table that is stretching in the wrong place. Simplified, I have two td's on the left (one on top the other) and another td on the right that rowspan's the two tds. The red cell contains an image that is 10x31. I want that to remain fixed. The blue cell has just a transparent spacer image inside it, and I want it [the cell] to expand to the height of the text in the right cell. I made a page demonstrating what happens and also contains the HTML code for what is there: Example (<!-- m --><a class="postlink" href="http://home.apu.edu/~zhalbert/example.html">http://home.apu.edu/~zhalbert/example.html</a><!-- m -->). If anyone could help me with keeping that cell fixed, I would really appreciate it. Thanks a lot.<!--content-->Try this:<br />
<br />
<table width="400" cellspacing="0" cellpadding="0" border="1" height="112.5"><br />
<tr><br />
<td width="10" height="31" align="left" valign="top" bgcolor="#cc0000" colspan="2"><img src=http://www.htmlforums.com/archive/index.php/"img/a.gif" width="10" height="31"></td><br />
<td width="390" align="left" valign="top" bgcolor="#cccccc" rowspan="2"><br />
Lorem ipsum<br />
</td><br />
</tr><br />
<tr><br />
<td width="10" align="left" valign="top" bgcolor="#0000cc"><img src=http://www.htmlforums.com/archive/index.php/"img/a.gif" width="10" height="91.5"></td><br />
</tr><br />
</table><!--content-->
<br />
<table width="400" cellspacing="0" cellpadding="0" border="1" height="112.5"><br />
<tr><br />
<td width="10" height="31" align="left" valign="top" bgcolor="#cc0000" colspan="2"><img src=http://www.htmlforums.com/archive/index.php/"img/a.gif" width="10" height="31"></td><br />
<td width="390" align="left" valign="top" bgcolor="#cccccc" rowspan="2"><br />
Lorem ipsum<br />
</td><br />
</tr><br />
<tr><br />
<td width="10" align="left" valign="top" bgcolor="#0000cc"><img src=http://www.htmlforums.com/archive/index.php/"img/a.gif" width="10" height="91.5"></td><br />
</tr><br />
</table><!--content-->