Hyperlink not working due to zIndex
===

I have a code which generates a rotating slider, the images shown should be clickable, here is a code snippet from it,
 

     <a href="http://interface.eyecon.ro/demos/images/imagebox/bw1.jpg"
         title="Moon eclipse"
         rel="imagebox" 
         style="top: 20.759592462354455px; left: 222.80008662503428px; width: 52px; height: 26px; z-index: 3; ">
         <img src="./Website_files/th_bw1.jpg" width="100%">
     </a>

The links displayed on the slider do not work. As you can see, the link uses zIndex, I am sure that is causing the links not to work but I am unable to decide what should be the done to fix this problem. Please help out. Thanks