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

[revyag]

Bez dodatkowego elementu chyba się nie obejdzie:)

Kod

* {
    font-family:Verdana;
}
div {
    font-size:12px;            
}
p {
    float:left;
    margin:0 5px 0 0;
    padding:0;
    font-weight:bold;
}
span {
    font-size:9px;
    margin-right:2px;
    padding:2px;
    background-color:#ffad00;
    width:13px;
    height:12px;
    display:block;
    float:left;
}

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