Button personalizzato su href

[Peter_Pan]

Salve a tutti, devo creare una classe per il tag a href, in modo tale da avere un button come nell'esempio, ma non riesco a spostare il testo nell'href, perchè se metto un text-indent o un left, mi si sposta anche l'immagine di fondo, vi posto il codice CSS:

A.btnMenu {
    background-image: url(layout/button_fondo.gif);
    width: 133px;
    height: 26px;
    font-family: Verdana;
    font-size: 12px;
    text-decoration: none;
    font-weight:bold;
    color: #FFF;
} 

con questo codice il button mi vene come nell'esempio 2, si può spostare il testo del tag href senza aggiungere span o altro al codice html?

codice html:

[url=""]Button 1[/url] 

[Peter_Pan]

risolto... posto la soluzione, magari interessa a qualcuno:

CSS:

A.btnBar {
    background-image: url(layout/button_fondo.gif);
    width: 133px;
    height: 26px;
    font-family: Verdana;
    font-size: 12px;
    text-decoration: none;
    font-weight:bold;
    color: #FFF;
    padding-top:0.3em;
    padding-left: 0.8em;
}

A.btnBar:hover {
    background-image: url(layout/button_fondo_Over.gif);
    width: 133px;
    height: 26px;
    font-family: Verdana;
    font-size: 12px;
    text-decoration: none;
    font-weight:bold;
    color: #FFF;    
    padding-top:0.3em;
    padding-left: 0.8em;
} 

HTML:

[url=""]Button 1[/url]