Tables Question

1

Hey guys,

I have this table that I am building and basically… well… here’s the code…


<div class="content-piece">

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
    <td style="vertical-align: top">


    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="vertical-align: top; margin: 0">
        
        <h2>
        cat name
        </h2>
        
        </td>
      </tr>
      <tr>
        <td>
        
        <p>
        short description...
        </p>
        
        </td>
      </tr>
      <tr>
        <td>
        
        
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr height="20px">
            <td width="50%" style="text-align: left;"><a href="#">Rating:</a></td>
            <td width="50%" style="text-align: right;"><a href="#">Add a Comment</a></td>
          </tr>
        </table>

        
        
        </td>
      </tr>
    </table>



    </td>
    
    <td width="180px">
    <div class="thumbBox">
    
    
    
    </div>
    </td>
  </tr>
</table>

</div>

thumbBox is simply a rounded corner div using curvycorners and works great the top name portion on the left side works great…

the rest is my problem though… I have the other 2 rows on the left side… I want the one at the bottom to “stick” to the bottom of the div… so no matter how long/short the short description is, the “rating” and “add a comment” piece are going to be at the bottom of the div…

Can I do this? And if yes, what is the best way?

Thanks,
–d