title: Repeat background image with Sprite
body: <p>I've read about theses threads but I don't know how to find the answer.</p>
  
  <p>The problem is (for body):</p>
  
  <pre><code>background: url('image1.png') top left repeat-x, 
          url('image2.png') bottom left repeat-x, 
          #eeeeee; 
  </code></pre>
  
  <p>This works.</p>
  
  <p>How can I to set these images in a sprites? Because I can get the image form sprite as:</p>
  
  <pre><code>  background-position: -211px -0px; width: 8px; height: 110px;
  </code></pre>
  
  <p>But I need to get image1.png or image2.png from sprite and I also need to repeat the images on the x. Something like:</p>
  
  <pre><code>background: url('image1.png') "-211px -0px; width: 8px; height: 110px" repeat-x, 
          url('image2.png') "-211px -0px; width: 8px; height: 110px" repeat-x, 
          #eeeeee; 
  </code></pre>
  
  <p>That I know in this way is not possible.</p>
  
  <p>Can you help me?</p>
  
  <p>Thanks in advance</p>