Witam, chcialem u siebie na stronie zrobic link

  1. <a href="#" class="link">przycisk</a>


i teraz chciałbym zeby ten przycisk zawieral w sobie rowniez obrazek (zeby przy hover moc zmienic sam ten obrazek).
Mam sprita 32x17 ktory zawiera obrazek bez efektu i z efektem. Potrzebuje jakos ustawic szerokosc calego tego linka zeby text nie nakladal sie na obrazek, tylko zeby byly obok siebie oraz zeby dobrze pokazywal sie obrazek ze sprita. Poniewaz aktualnie mimo ustawienia width:16px to pokazuje sie caly sprite ktory ma 32px :/

  1. a.link{
  2. background: url(/images/sprite.png) no-repeat;
  3. background-position: right;
  4. width: 16px;
  5. height: 17px;
  6. }


bede wdzieczny za pomoc,
pozdrawiam


edit
udalo mi sie rozwiazac to bez uzycia spritow tak wiec wlasciwie temat moze pojsc do zamkniecia