title: Link does not work unless it's set to absolute
body: <p>Not sure why, but none links over the images in my posts works unless it's set to <code>position: absolute;</code></p>
  
  <p><strong>Summary:</strong></p>
  
  <ul>
  <li>No problems with neither <code>src</code> or <code>href</code></li>
  <li>The pointer cursor does not appear</li>
  <li>Nothing happens when clicking on the image</li>
  <li>The links works when I set <code>a</code> to <code>position: absolute;</code>, but then everything is misplaced and so on.</li>
  </ul>
  
  <p>I have tried shortening it up to make it easier to debug. </p>
  
  <p><strong>Shorten HTML</strong></p>
  
  <pre><code>&lt;a href="#.jpg"&gt;
      &lt;img src="#.jpg" alt="Alt text" width="1200" height="800"&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p><strong>(Shortened) Complete HTML</strong></p>
  
  <pre><code>    &lt;div class="clearfix"&gt;&lt;/div&gt;
      &lt;div class="holder blacktext bildeserieholder"&gt;
          &lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-12 centertext"&gt;
                      &lt;a href="#.jpg"&gt;&lt;img class="aligncenter size-full wp-image-512" src="#.jpg" alt="text" width="1200" height="800" /&gt;&lt;/a&gt; 
                      &lt;a href="#.jpg"&gt;&lt;img class="aligncenter size-full wp-image-513" src="#.jpg" alt="text" width="600" height="900" /&gt;&lt;/a&gt; 
                      &lt;a href="#.jpg"&gt;&lt;img class="aligncenter size-full wp-image-514" src="#.jpg" alt="text" width="1200" height="800" /&gt;&lt;/a&gt; 
                      &lt;a href="#.jpg"&gt;&lt;img class="aligncenter size-full wp-image-515" src="#.jpg" alt="text" width="1200" height="800" /&gt;&lt;/a&gt; 
                      &lt;a href="#.jpg"&gt;&lt;img class="aligncenter size-full wp-image-516" src="#.jpg" alt="text" width="600" height="900" /&gt;&lt;/a&gt;
                   &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>I have tried:</strong></p>
  
  <ul>
  <li>Using <code>cursor: pointer</code> to the link attribute. </li>
  <li>Removing all <code>img classes</code></li>
  <li>Removing all CSS on both images and links in Chrome Inspect Element</li>
  </ul>
  
  <p>It's hard to find out where I have done something wrong, so I would really recommend checking out the page: <a href="http://goo.gl/DqXAlC" rel="nofollow">http://goo.gl/DqXAlC</a></p>
  
  <p>Maybe not relevant, but I will add this information anyways regarding what I am using:</p>
  
  <ul>
  <li>Wordpress</li>
  <li>Bootstrap</li>
  <li>Types (custom posts etc plugin)</li>
  </ul>
  
  <p>The images are being uploaded with Types within each posts in a WYSIWYG editor called "bildeserie". In my single PHP I have the following which echos the images:</p>
  
  <pre><code>&lt;?php echo(types_render_field( "bildeserie", array( 'raw' =&gt; true) )); ?&gt;
  </code></pre>
  
  <p>Do you have a working solution or any ideas?</p>
  
  <p><strong>Note:</strong> The problem is with the images below the header and all the text.</p>