title: Does inline-block affect the clickability of links?
body: <p>For quite a few sites, I have used the <a href="http://archive.simurai.com/lab/buttons/#" rel="nofollow">CSS3 Bon Bon buttons</a> that allow buttons to be displayed with a 3D effect. I often use them for my <code>&lt;a&gt;&lt;/a&gt;</code> links.</p>
  
  <p>Everything works fine except when <code>display: inline-block</code> is applied, it doesn't always seem to click correctly. Sometimes (but not always) you might have to click the button 3 or 4 times before it registers. Other times, the exact same button will click straight away. It seems to occur on all browsers and platforms. </p>
  
  <p>Why is this and is there a solution? If I set it to <code>display block</code>, it works perfectly, but there are situations where <code>display:block</code> is not ideal.</p>
  
  <p>JSFiddle (<a href="http://jsfiddle.net/big_smile/Y8wKd/1/" rel="nofollow">Code</a>) (<a href="http://jsfiddle.net/big_smile/Y8wKd/1/show/" rel="nofollow">Live Example</a>)</p>