title: "after" content in an <a> not clickable in Chrome
body: <p>I'm using <code>after</code> content in CSS, but the content in <code>&lt;a&gt;</code> tag doesn't work as a link in Google Chrome (not clickable):</p>
  
  <pre><code>&lt;a href="url"&gt;&lt;label&gt;&lt;/label&gt;&lt;/a&gt;
  
  LABEL:after {content:"CLICK HERE"}
  </code></pre>
  
  <p>It works in Firefox. Is there any solution to this?</p>
  
  <p>Check this out in chrome:</p>
  
  <ul>
  <li><a href="http://jsfiddle.net/duuRk/" rel="nofollow">http://jsfiddle.net/duuRk/</a> (not clickable)</li>
  <li><a href="http://jsfiddle.net/HMn4d/" rel="nofollow">http://jsfiddle.net/HMn4d/</a> (works fine)</li>
  </ul>