Baggrundsbillede valign bottom

Hej Eksperter

Jeg er ved at lave en side, hvor jeg gerne vil have et baggrunsbillede på.

Problemet er at baggrundsbilldet skal ligge i højrehjørne nederest - det er 380*281. Dvs. align=right valign=bottom.

Jeg har noget tekst som hvis det er langt nok, bare skal gå hen over billedet, og hvis teksten bliver meget lang skal baggrundsbilledet bare følge med således at det ligger i bunden hele tiden.

Jeg har følende html:

<td vAlign="top" width="380">
    <table cellpadding="0" cellspacing="0">
        <tr>
            <td id="Gridbaggrund2" align="right">
                <cms:HtmlPlaceholderControl id="HPCTekst2" runat="server" PlaceholderToBind="HPD_Tekst2" EditControlHeight="470"
                EditControlWidth="380" AllowHtmlSourceEditing="True" CssClass="Text"></cms:HtmlPlaceholderControl>
            </td>
        </tr>
    </table>
</td>

Og følgende i CSS:

#Gridbaggrund2
{
    height: 281px;
    width: 380px;
    margin: 0px 0px 0px 0px; /*(top right bottom left)*/
    padding: 0px 0px 0px 0px;/*(top right bottom left)*/
    background: #FFFFFF url(../images/gride.jpg) no-repaet none 0% 0%;
    background-repeat: no-repeat;
    border: 0px;
    z-index:0;
    vertical-align: bottom;
}

Problemet er at teksten gør som jeg siger billedet skal gøre, dvs. at teksten er højrestillet; og billedet gør som teksten skal, dvs. aligner til top.

Hvad skal jeg gøre for at teksten: align=left valign=top
og billedet: align=ríght valign=bottom