download button with norm, hover, active state?

Hi,

so im having some trouble getting my download button to download a file. im using background images so I can use hover and active for the button. However now that I have it working the href is not working. if i put a src image file within th <a></a> it works fine but then i do not get the 3 stage button.

here is my html

<div id="dw-btn-power-out" class="dw-power-out">

   <a href="Download-files/Power-out/v.1.0.0/test.zip" title="Download Power Out" target="_blank"></a>

   </div>

 

css

.dw-power-out {

          margin-top: 20px;

          margin-bottom: 10px;

}

#dw-btn-power-out {

          height: 68px;

          width: 270px;

          margin-right: auto;

          margin-left: auto;

          background-image: url(img/dw-power-out.png);

}

#dw-btn-power-out:hover {

          background-image: url(img/dw-power-out-hover.png);

}

#dw-btn-power-out:active {

          background-image: url(img/dw-power-out-active.png);

}

 

thanks