On my site, <http://www.jamesarmenta.com/> , there are a group of images that are set to `position: relative;` and randomly positioned around the screen via JQuery. Each image is coded like so:

```
<a href="/wallpapers">
    <img src="/images/wallpapers.jpg" class="project" alt="Wallpapers">
</a> 

```

For some reason this link is clickable in the top left of the screen, even though the image is positioned elsewhere. 

It **only happens with this link (wallpapers),** which happens to be the first image in the HTML. Any idea why this is? Thanks!

Relevant code:

```
<div id="projectWrapper">

  <a href="/wallpapers">
    <img src="/images/wallpapers.jpg" class="project" alt="Wallpapers">
  </a>

  <a href="/selectedposters">
    <img src="/images/selectedposters.png" class="project" alt="Selected Posters">
  </a>

  <a href="/mylefthand">
    <img src="/images/mylefthand.png" class="project" alt="My Left Hand">
  </a>

  <a href="/logos">
    <img src="/images/logos.png" class="project" alt="Logos">
  </a>

  <a href="/colornames">
    <img src="/images/colornames.gif" class="project" alt="Color Names">
  </a>

```

Link to JQuery code:

<https://github.com/jamesarmenta/jamesarmenta.github.io/blob/master/_site/js/home.js>