ASP.NET menu design question

I'm having a problem with the StaticSelectedStyle and StaticHoverStyle properties of the ASP.NET menu. Hopefully someone can answer that here

When you either scroll over a menu item or are on the current page, it displays the same CSS style which is a non repeating back image.

CSS:

Code:

---

.subnav_item_hover
{
    background-image: url('../images/navback.gif');
    background-repeat:no-repeat;
    color:White;   
}

---

Master Page:

Code:

---

 
<StaticMenuItemStyle CssClass="subnav_item"/>                     
<StaticSelectedStyle CssClass="subnav_item_hover" />
<StaticHoverStyle CssClass="subnav_item_hover" />

---

Everything works fine except when I try to indent the items. I've tried text-indent, padding, margin, and text-align. Whenever I use any in the subnav_item class, the background image repeats itself. In the image, "Hardware" was selected by the cursor, and "Network" is the selected page. I also was trying "text-align:center;" in the image.