[SOLVED] using CSS to float an image in a table below everything else..

[Prismatic]

Ok, say I've got a table,

 

<table width="90%" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td> </td>
  </tr>
</table>

 

And I add some content,

 

<table width="90%" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><p>hey,</p>
      <p>Blahblah</p>
      <p>Blah!</p>
      <p> </p>
      <p>Bleh? </p>
      <p>Blaaaaahhhhhhhhhhhhhhhhhhhhhhhhhhhh! Spam!</p>
      </td>
  </tr>
</table>

 

Is there a simple way, using CSS, to float a gif in the lower right corner of that table cell so that it's "stuck" in that spot as the table expands and contracts?

 

 

Basically exactly like the attached picture. The image stays in the same spot below everything else while the table expands and contracts.

 

Any help would be greatly appreciated

 

 

[attachment deleted by admin]

[Prismatic]

Figured it out

 

.bodyBG{ 
background-color: #DDDDDD;
background-image: url('images/cornerGIF.gif');
background-repeat: no-repeat;
background-position: bottom right; 
}