Replacing Text By An Image

Replacing Text By An Image( From : http://wellstyled.com/css-replace-text-by-image.html )

 #chapter-one {
      margin:0; padding:0;
      position:relative;
      width:200px; height:80px;
      overflow:hidden;
      }
   #chapter-one span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:200px; height:80px;
      margin:0; padding:0;
      background:url("chapter-one.gif") top left no-repeat;
      }

...

   <h2 id="chapter-one">Chapter One<span></span></h2>

http://css-tricks.com/css-image-replacement/