title: Image Sprite in TextBox Background
body: <p>I want to display an image in the background of a input text-box.The image should be placed at the right most center part of the input text-box.It can be done easily by the following code:</p>
  
  <pre><code>    &lt;input type="text" class="card" size=20 /&gt;
  </code></pre>
  
  <p>The css will be:</p>
  
  <pre><code>    .card{
       background:url('image.png') no-repeat right center;
         }
  </code></pre>
  
  <p>The problem i am facing is the image is a sprite and consists of 3 images.I want to display the one at background position -34px 0 and its width is 23px;</p>
  
  <p>How to specify both background position and size with css?</p>
  
  <p>Thanks in advance!!</p>