DIV probleem: trailing spaces

Ik heb een DIV in een grote cel,
de content van die cel wordt als volgt weergegeven:
text-align: right;
vertical-align: bottom;

dus de content komt rechtsonderaan,
de DIV bevat een kleine tekst: "Afmelden"
die bevind zich dus rechts onderaan, maar ik heb deze DIV ook een achtergrond kleur meegegeven en dan blijkt dat die DIV aan de linkerkant tot het begin van de cel doorloopt

<td height="262px" width="979px" style="text-align: right; vertical-align: bottom;" width="979px">
    <div style="background-color: #FFF3BF; ">Afmelden</div>
</td>

mijn vraag is dus:
wat moet ik wijzigen aan de eigenschappen van de DIV ( als dit mogelijk is ) om ervoor te zorgen dat enkel die grootte aanneemt van de tekst dat er in staat en dus niet de volledige lengte van de cel waarin hij zit