title: I am trying to use sprites for a webpage but I don't know how to work with images being double resolution
body: <p>I am trying to use sprites for a webpage but I don't know how to work with images being double resolution. Can you pls help?</p>
  
  <p>So far I am using:</p>
  
  <pre><code>.div {
      display: block;
      margin: 0 auto;
      width: 200px; ---&gt; they remain 400px;
      height: 200px; ---&gt; they remain 400px;
      background: url(Sprite.png) 10px 0;
  }
  </code></pre>
  
  <p>The problem is that images still show too big. Not sure how to scale them down.</p>
  
  <p>Thanks</p>