Background-repat non funziona

[EnSa]

Ho questo codice HTML:

<div class="section-header">
  <div class="title">
    <label class="icon-new" for="">[Account.New]</label>
  </div>
</div>

Con questo stile:

.section-header .title label{background-repeat:no-repeat; background-position: 5px; padding: 7px 5px 7px 25px;}
.section-header .title .icon-new { background:url(images/icons/New.png); }

Il problema è che l'immagine di sfondo del label e il padding me lo imposta correttamente, mentre background-repeat e background-position è come se non li avessi impostati....

Come posso risolvere?

Grazie in anticipo

[codencode]

Essendo label un elemento inline è normale. Devi renderlo block.

[EnSa]

Grazie della risposta...

Ho aggiunto display:block nel label ma il risultato è sempre lo stesso ... (il padding me lo prende correttamente, ma lo sfondo me lo ripete all'infinito senza prendere la posizione di 5px)

Qualche altro consiglio?

[codencode]

Quello è dovuto al fatto che le due regole css che hai postato si riferiscono alla medesima label per cui la seconda sovrascrive la prima.
Sarebbe bene unificarle.
Se invece vuoi lasciare le cose come stanno, è sufficiente che aggiungi !important dopo background-repeat:no-repeat nella prima regola.

[EnSa]

perfetto
grazie mille