title: background-position
body: <p>Im trying to use an image in textbox like so (## being the image):</p>
  
  <pre><code> ---------------------
  |                  ## |
   ---------------------
  </code></pre>
  
  <p>I have managed to somewhat with the following:</p>
  
  <pre><code>input.loading {
      background: url(/images/loader.gif) no-repeat right;
  }
  </code></pre>
  
  <p>However it comes out like so:</p>
  
  <pre><code> ---------------------
  |                   ##|
   ---------------------
  </code></pre>
  
  <p>What I need to do is add some padding to the right side but I am lost as to how I can accomplish this.</p>