CSS Forum

I'm trying to line up a background image for a table cell so that it always lies flush with the bottom of the cell, using "background-position" in my external stylesheet. I'm not sure what I'm doing wrong, but the image keeps appearing at the top of the cell.

Here is the CSS I'm using in my external stylesheet:

td.paddedmain
{padding-left: 3%; background:url('http://www.example.com/images/maincontentareabg.gif') background-position: bottom center; background-repeat: repeat-x;}

And here's the HTML for the table cell:

<TD COLSPAN=9 class="paddedmain" valign="bottom">

Content here

</TD>

Can anyone help me figure out where I'm going wrong?

Thanks in advance!