title: custom checkbox input using CSS only
body: <p>I am trying to create a custom checkbox using CSS only and havent had much luck.  Ive tried 2 different techniques:</p>
  
  <ol>
  <li><a href="http://lea.verou.me/2011/05/rule-filtering-based-on-specific-selectors-support/" rel="nofollow noreferrer">http://lea.verou.me/2011/05/rule-filtering-based-on-specific-selectors-support/</a></li>
  <li><a href="https://stackoverflow.com/questions/11025091/custom-images-as-radio-buttons">Custom images as radio buttons</a> (the suggestion by derik)</li>
  </ol>
  
  <p>The first one works the best, and displays correctly in IE9, FF, and Chrome.  However, the functionality in chrome seems to be a little off.  In testing on Chrome, I am unable to click the image to cause a change in "checked", instead I have to click the label's text.  Has anyone found a better, CSS only, way?  Is there a way to correct the behavior in Chrome?</p>