title: input checkbox in div jumps to top of page on firefox
body: <p>I use <code>div</code> over <code>label</code> and <code>input type="checkbox"</code>. I do this in order to have the checkbox look like a button.</p>
  
  <p>Here is my example: <a href="http://jsfiddle.net/Je87Q/" rel="noreferrer">http://jsfiddle.net/Je87Q/</a></p>
  
  <p>What should I do with a checkbox or label/input that will stop jumping to the top of my page? </p>
  
  <p>This happens ONLY on Firefox. Any idea how to fix this?</p>