Css: Nir image replacement

An accessible image replacement method using pseudo-elements and generated-content. This method works with images andor CSS off with semi-transparent images doesn’t hide text from screen-readers or search engines and provides fallback for IE 6 and IE

.nir {
   height:100px; /* height of replacement image */
   width:400px; /* width of replacement image */
   padding:0;
   margin:0;
   overflow:hidden;
}

.nir:before {
   content:url(image.gif);
   display:inline-block;
   font-size:0;
   line-height:0;
}

Css: nir image replacement

.nir {
   height:100px; /* height of replacement image */
   width:400px; /* width of replacement image */
   padding:0;
   margin:0;
   overflow:hidden;
}

.nir:before {
   content:url(image.gif);
   display:inline-block;
   font-size:0;
   line-height:0;
}

<!--[if lte IE 7]>
<style type="text/css">
.nir {
   height:100px;
   padding:0;
   margin:0;
   overflow:hidden;
   text-indent:-9000px;
   background:url(image.gif) no-repeat 0 0;
}
</style>
<![endif]-->