title: Nested <a> tag click region in <li> tag not working
body: <p>The <code>&lt;a&gt;</code> tag click region works for <code>&lt;li&gt;</code> tags 1,3, and 4 but the nested <code>&lt;a&gt;</code> tag in <code>&lt;li&gt;</code> 2 and 5 have no clickable region. Here's the Codepen link (the <code>&lt;a&gt;</code> tag has been defined in the CSS): <a href="http://cdpn.io/tAiFw" rel="nofollow">http://cdpn.io/tAiFw</a></p>
  
  <p>Also, is it possible to keep the hover state when the user clicks on the button (e.g. when the user clicks the plus and moves their mouse away, the 'X' stays active and when the user clicks again, the 'X' returns to the '+')</p>