title: <a> tag making whole div clickable
body: <p>I've created a col-md-3 div in Bootstrap and placed an <code>&lt;a&gt;</code> tag within to make some <code>&lt;img&gt;</code> clickable. The problem now is the whole div is click-able, not just the img. </p>
  
  <p>code:</p>
  
  <pre><code>&lt;div class="col-md-3"&gt;
    &lt;a href="&lt;?php echo site_url(); ?&gt;"&gt; 
      &lt;img id="logo" class="img-responsive" src="http://themes.tielabs.com/jarida/wp-content/themes/jarida/images/logo.png" alt="" /&gt;
    &lt;/a&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.col-md-3{
      width: 25%;
      float: right;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
  }
  </code></pre>
  
  <p>Please provide help.</p>