title: display:inline-block and text-indent
body: <p>I am experiencing a problem with the following code in some versions of Internet Explorer:</p>
  
  <pre><code>#iconautente{ 
  background-image:url('/style/images/spritecommon.png'); /*icona_utente.png*/
  background-position:-117px -15px;
  text-indent:-9000px;
  width:20px;
  height:23px;
  display:inline-block;
  }
  
  &lt;a id="iconautente" href="/admin/index.php"&gt;admin&lt;/a&gt;
  </code></pre>
  
  <p>In Firefox, IE7 and IE8 under Vista, I see background and no text, as expected. In IE6 and IE8 under XP, the whole image is indented, not text, so the image is not shown.</p>
  
  <p>What should be the right behavior? Is there a workaround?</p>