css background help

I created a menu and the menu has a background tab.

Here's the css code:

.menu {
FONT-FAMILY: Arial, verdana, helvetiva, sans-serif;
font-size: 14px;
color: #0050A4;
text-decoration: none;
background-image: url(images/menu.gif);
background-repeat: no-repeat;
background-position: left bottom;

}

Here's the html

<td width="107" height="28" class=menu align="middle" valign="center">
<A class=menu2 href="profile.html" >Profile </A>
</td>



Now the problem is that the menu's are cutting the image on the right. The curve of the image is not coming up. The width in the html is the width of the image.
Does anyone know why this may be happening?

Possibly because of this line:
background-position: left bottom;

Try removing it, or changing it to this:
background-position: top right;

Hope that helps!

Happy coding!

Are you using any cellpadding or cellspacing in the table? Do you have a link?

nope the problem is not because of the alignment. I wanted it aligned that way. I finally figured it out. My table was too small so they all mushed and didn't show the whole background. I changed the width of the table and it worked.