How can I make this box resize itself?

I used an RPG template code I found on here a while back but I did some modifications to it. I wanted to be able to make it so the avatar box resizes its self with the avatar instead of having tons of empty space on the sides.

To see what I'm talking about just go here
http://www.dimension-22.com/forums/s...=&threadid=477
and you will see that it resizes the height of the box around the avatar but not the width. Any ideas?

here is the code:
<table cellpadding="0" cellspacing="0" border="0" bgcolor=""#C1D7F4" background="images/head_bg.gif"" width="100%" align="center"><tr><td>
<table cellpadding="4" cellspacing="1" border="0" width="100%">
<tr>
<td bgcolor="$post[backcolor]" width="175" valign="top" nowrap>
<a name="post$post[postid]"></a>
$post[firstnewinsert]
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="2" bordercolor="#000000">
<tr bgcolor="#003366">
<td style="border: 1px solid #000000; height="15" colspan="2">
<div align="left"><font color="#FF9933" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a name="post$post[postid]"></a>EmuCard
for UserId $post[userid]</font></div></td>
</tr>
<tr valign="middle" bgcolor="#014b74">
<td style="border: 1px solid #000000; colspan="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><font color="white">$post[username]- </font>
$onlinestatus </b></font></td>
</tr>
<tr bgcolor="#014b74">
<td style="border: 1px solid #000000; width="51%" align="center" valign="middle"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$post[avatar]
<br>
</font></td>
<tr bgcolor="#014b74">
<td style="border: 1px solid #000000; height="36" colspan="2">

</td>
</tr>
<tr bgcolor="#014b74">
<td style="border: 1px solid #000000; height="36" colspan="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><smallfont>
Posts:$post[posts]<br>
Registered: $post[joindate]<br>
Location: $post[field2]<br>
</smallfont></font>
</td>
</tr>
</table>
<br>
</div>

Edit: Use Attachments.....