title: How to make this anchor tag clickable?
body: <p>On a website I'm using right now there is a slider that pulls in random photos of different sizes. To keep the slider uniform and looking neat I through an image over top of the rotating images to act like a border, there is a hole that you can see the images through. It looks and works great. The person the website is for wants the images to be clickable, I tried putting the anchor tag on and when I click it leads no where because even though there is a hole in the image its acting as if there is something there. I have looked up how to fix this but I can't find any information anywhere. </p>
  
  <p>Does anybody know if this is possible? I am willing to use jquery if need be but I'm stuck</p>
  
  <pre><code>    &lt;div id="right"&gt;
       &lt;div class="border-image"&gt;
       &lt;img src="images/border.png" /&gt;
  &lt;/div&gt;
  &lt;div class="cyclepictures"&gt;
  &lt;div&gt;
  &lt;a href=''&gt;&lt;img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /&gt;&lt;/a&gt;
  &lt;a href=''&gt;&lt;img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /&gt;&lt;/a&gt;
  &lt;a href=''&gt;&lt;img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /&gt;&lt;/a&gt;
  &lt;a href=''&gt;&lt;img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /&gt;&lt;/a&gt;
  &lt;a href=''&gt;&lt;img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>This is being generated through an image slider</p>