title: Css Sprites and IE8 problem
body: <p>I’m working on a site which has almost 30 background images, so I decided to make a "sprite image", and use the <code>background-position</code> attrib in CSS.</p>
  
  <p>In FF, and Opera the whole design shows correctly, but under IE8, I get a problem. It seems IE8 doesn’t position the image correctly.  I see a thin line in a few places between the images. Sometimes when I zoom in with mouse scroll the line disappears, then shows again... </p>
  
  <p>For example, I use sprites something like this:</p>
  
  <pre><code>#index {
          margin-left:0px;
          margin-top:0px;
          width:327px;
          height:57px;
          margin-bottom:0px;
          float:left;
          display:inline;
          background-image:url(images/sprites/sprites_left.jpg);
          background-position:0px -340px;
          overflow:hidden;
  
      }
  </code></pre>
  
  <p>Is this an IE8 bug? What should I do? Leave the design split into 30 background images?</p>
  
  <p>Thank you.</p>