title: CSS text indent not working on IE7
body: <p>Here is the sample page: <a href="http://jsfiddle.net/p9Fbb/" rel="nofollow">http://jsfiddle.net/p9Fbb/</a></p>
  
  <p>Basically, when using <code>text-indent</code> on the icon, Internet Explorer 7 (IE9 in Compatibility Mode) moves the element off-screen, not just the text. For some reason, this only happens in certain circumstances in table cells (I think it's when the element is on its own in a cell).</p>
  
  <p>How can I fix this? Or is there another way to use textual content in an element but keep it invisible?</p>