title: IE10 - Link not clickable on transformed div
body: <p>I am having issues with divs being click-able in IE 10. They have CSS3 transitions and transforms on them. They animate correctly, but the links are not click-able. This works properly in IE 11, FF and Chrome. The anchor will also not work in IE 9 and below, but neither will the CSS transitions. I am at a loss for the reason as to why this is not working in IE 10.</p>
  
  <p>I will not post my CSS here as it is fairly long. I have added a fiddle for viewing full css.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="grid"&gt;
      &lt;figure class="effect-bubba columns large-4"&gt;
          &lt;img alt="" src="http://www.blackduckmn.com/_images/home/blackduck-minnesota-apple.JPG" /&gt;
          &lt;figcaption&gt;
               &lt;h2&gt;Lodging &amp;amp; Dining&lt;/h2&gt;
  
               &lt;p&gt;Whatever you're looking for, Blackduck has a variety of lodging and dining options available!&lt;/p&gt; &lt;a href="/visit/lodging-and-dining"&gt;View more&lt;/a&gt;
  
          &lt;/figcaption&gt;
      &lt;/figure&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS Fiddle: <a href="http://jsfiddle.net/phorden/oysn4rgv/" rel="nofollow">http://jsfiddle.net/phorden/oysn4rgv/</a></p>
  
  <p>live page: <a href="http://www.blackduckmn.com/" rel="nofollow">http://www.blackduckmn.com/</a></p>