CSS Image button

CSS Image button

<style>
.downloadButton {
   margin-top: 1em;
   display: block;
   background: url(download.gif);
   width: 180px;
   height: 51px;
   cursor: default;
   text-indent: -2000px;
}
.downloadButton:hover {
   background-position: 0 -51px;
}
.downloadButton:active {
   background-position: 0 51px;
}
</style>
<p><a href="#" class="downloadButton">Download</a></p>

Demo

http://dl.dropbox.com/u/7106563/r-ednalan/css_image_button.html