Micro Optimized CSS for Phark an Gilder/Levin Image Replacement

css.css

/* `Utilities
/******************************/
/* Gilder/Levin & Phark image replacement */
a.ir, a.phark { cursor:pointer; text-decoration:none }
a.ir:active, a.phark:active { outline:0 } 
  .ir, .phark { display:block; position:relative; overflow:hidden }
  .ir span { display:block; height:100%; width:100%; position:absolute; top:0; left:0; background:no-repeat 0 0 }
  
.phark{text-indent:-999em}

html.html

<!-- phark -->
<a class="phark">Text</a>

<!-- gilder/levin -->
<a class="ir">Text<span></span></a>