title: styled checkboxes overlap in table
body: <p>I got this snippet from another question here on stackoverflow:</p>
  
  <p><a href="http://jsbin.com/edipux/3/edit?html,css,output" rel="nofollow">Snippet</a></p>
  
  <p>If I put these checkboxes in a table, one checkbox per row, they overlap due to the padding of the labels. Why does this happen? Why doesn't the table cells change their height?</p>
  
  <p>And how can I fix it?</p>
  
  <p>Also, 'width: 100%' does not work for the label</p>