title: How do I hide anchor text without hiding the anchor?
body: <p>Say I have the following markup:</p>
  <pre><code>&lt;li&gt;&lt;a href=&quot;somehwere&quot;&gt;Link text&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  <p>If I have a background image on the a tag, how would I hide the link text using just css? font-size:0 seems to work fine on the a tag apart from in ie7 little blobs show.</p>
  <ul>
  <li>Thanks for help so far I have used <code>line-height: 0;</code> and <code>font-size: 0;</code> and <code>text-indent: -999px</code>. But it still shows up some blobs in safari, any ideas?</li>
  </ul>