span z background-image na 100% Opcje

[_kama]

Problem moze banalny ale nie potrafie sobie poradzic aby span mial szerokosc (i wysokosc) taka jak obrazek ktory jest jego tlem. Obrazek rozciaga sie wraz z wpisywanym tam tekstem ale jezeli tekstu jest za malo, to obrazka pojawia sie tylko czesc. Oto kawalek kodu:

Kod

.nr span {
     background-image: url(img.gif);
     background-repeat: no-repeat;
     height: 12px;
      width: 13px;
      color: #000000;
      font-size: 10px;
}

[HTML] pobierz, plaintext 
<div class="nr">
     <span>1</span>
</div>
[HTML] pobierz, plaintext 

Z gory dzieki za pomoc

[_kama]

Potrzebuje cos takiego:

napis:

"Idz do strony:" - napisane okreslona czcionka itp wiec strowrzylam klase dla p w tym divie

Zaraz po tym napisie musza pojawic sie klocki z numerami stron pisanymi tez innymi czcionkami. Rozwiazanie z display: block rozciagnelo mi odpowiednio tego spana z klockiem, ale zlamalo sie do nastepnej lini. Float: left nie dziala tak jak bym chciala. Ocecnie jest to mniej wiecej tak:

[HTML] pobierz, plaintext 
<p>idz do strony: <span>1</span><span>2</span><span>3</span></p>
[HTML] pobierz, plaintext