title: Possible to make a:after/before pseudo elements clickable as part of the link?
body: <p>pseudo elements a:after a:before allow you to add text that appears to be part of the link. However, I can't seem to figure out a way to make that portion clickable as part of the link.</p>
  
  <p>For example the following css shows the url afterward:</p>
  
  <pre><code>  a:after {
       content: " (" attr(href) ")";
    }
  </code></pre>
  
  <p>...but it will not be clickable.</p>
  
  <p>Anyone get around this without changing underlying HTML?</p>
  
  <p><em>Edit: I am using chrome 13.0.782.107. It turns out it's a <a href="http://code.google.com/p/chromium/issues/detail?id=92917" rel="noreferrer">bug</a>. (Thanks Sean)</em></p>