padding a sinistra

[degno]

ho un pulsante che si "illumina" e voglio fare il padding a sinistra del testo interno, ma non riesco, mi sposta anche lo sfondo con il risultato che la scritta appare sempre all'inizio del pulsante. il brutto è che invece la stessa cosa per il padding-top funziona

a.pulsante_sx_button:hover {
background: url('./../../img/bottoni/pulsante_sx_hover.gif') no-repeat scroll top right;
color: #ffffff;
font-weight:bold;
font-size:14px;
height: 42px;
width: 159px;
padding-top:8px;
padding-left:14px;
text-decoration: none;
text-align: left;
}

[degno]

ho sbagliato, cè anche l'attributo display:block;


quindi:

a.pulsante_sx_button:hover {
background: url('./../../img/bottoni/pulsante_sx_hover.gif') no-repeat scroll top right;
display:block;
color: #ffffff;
font-weight:bold;
font-size:14px;
height: 42px;
width: 159px;
padding-top:8px;
padding-left:14px;
text-decoration: none;
text-align: left;
}

[fcaldera]

fammi capire: allo stato 'a riposo' il pulsante è sempre largo 159px; ma con padding-left nullo?

Se sì allora è naturale che accada ciò

Se all'hover assegni un padding-left, aumenti la larghezza interna dell'elemento.
Lo sfondo è ancorato a destra quindi di conseguenza lo vedi spostarsi (cosa che aumentando il padding-top non si nota visto che lo sfondo è ancorato in alto)

dovresti quindi diminuire la larghezza (width) di 14px allo stato hover

[degno]

hai centrato il punto, allora il problema è l'ancoraggio a destra...
Perfetto grazie