title: Icon not clickable - Transparent layer ? CSS?
body: <p>I have a buying and selling website and above the sellers photos I have a LIKE button which used to work fine but since I've added a new background and moved things around with new margins it is now not clickable. I believe there's a solution with CSS but not sure how to do it.</p>
  
  <p>When logged in on this page: <a href="https://www.onlinecarbooty.com/go-booting.aspx" rel="nofollow noreferrer">https://www.onlinecarbooty.com/go-booting.aspx</a> 
  You will see the LIKE icons. You can log in with test12345@aol.com and Password: qwerty</p>
  
  <p>Here's the code I have for the like button..</p>
  
  <pre><code>&lt;div style="width:50px; height:50px; display: inline-block; background:url('/files/images/icons/stallIconLike50.png'); cursor: pointer;" onclick="addLike('&lt;%# Eval("orderID")%&gt;')"&gt;
      &lt;div style="font-size:12px; color:#000; background:#ffffff; border:1px solid #000; padding:0 3px; float:left; margin: 0px 0 0 38px;" id="&lt;%# Eval("orderID")%&gt;"&gt; &lt;%# Eval("likeCounter")%&gt;
      &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>JAVA</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    function addLike(stallID) {
      $.post('add-like.aspx', { id: stallID }).done(function(data) {
        originalColor = $('#'+stallID).css('background-color');
  
        $('#'+stallID).css('background', 'yellow').html(data);
        $('#'+stallID).html(data);
  
        setTimeout(function(){
          $('#'+stallID).css('background', originalColor);
        }, 500);
      });
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>Any help appreciated.</p>