[AzzidReign]

I'm trying to have each cell have rounded expandable images but this is what I keep getting:



I have the rounded images shown in red to see what the problem is exactly. When the middle column of the row expands in height, the other 2 columns in the row do not.

This is my code:

<tr align="center">
	<td class="alt2">
<div class="bl3"><div class="br"><div class="tl"><div class="tr2">
<img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].png" alt="" border="0" id="forum_statusicon_$forum[forumid]" />
</div></div></div></div>
</td>
	<td class="cell_bg" align="$stylevar[left]" width="584" id="f$forum[forumid]">

<div class="bl3"><div class="br"><div class="tl"><div class="tr2">

		<div style="padding-left:10px">
			<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]" style="font-size:16px; font-family:Arial, Helvetica, sans-serif"><strong>$forum[title]</strong></a>
			<if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
		</div>
		<if condition="$show['forumdescription']"><div class="smallfont" style="padding-left:10px">$forum[description]</div></if>
		<if condition="$show['forumsubscription']"><div fround="smallfont" style="padding-left:10px"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if>
		<if condition="$show['subforums']"><div class="smallfont" style="margin-top:3px; padding-left:10px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>

</div></div></div></div>

	</td>

	<td class="cell_bg" nowrap="nowrap">
<div class="bl3"><div class="br"><div class="tl"><div class="tr2">
$forum[lastpostinfo]
</div></div></div></div>
        </td>

</tr>
$childforumbits

This is the css to go with it:

.cell_bg { background: #2c2c2c; }
.bl3 {background:url(http://www.sitepoint.com/examples/roundcorners/bl.gif) 0 100% no-repeat #393939; }
.bl2 {background:url(http://www.sitepoint.com/examples/roundcorners/bl.gif) 0 100% no-repeat #393939;  padding:10px}
.bl {background:url(http://www.sitepoint.com/examples/roundcorners/bl.gif) 0 100% no-repeat; }
.br {background:url(http://www.sitepoint.com/examples/roundcorners/br.gif) 100% 100% no-repeat;  }
.tl {background:url(http://www.sitepoint.com/examples/roundcorners/tl.gif) 0 0 no-repeat}
.tr {background:url(http://www.sitepoint.com/examples/roundcorners/tr.gif) 100% 0 no-repeat}
.tr2 {background:url(http://www.sitepoint.com/examples/roundcorners/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

Does anyone know a solution to this problem? I would greatly appreciate it since I've been trying various things for the past week now to get it to work.

Thank you