title: Why is checkbox not the same in IE7 and other browsers?
body: <p>Why is the checkbox not the same in IE7 and other browsers?</p>
  
  <p>For this code</p>
  
  <pre><code>&lt;div style=" float: left; border: 1px solid;"&gt;
      &lt;input type="checkbox" style="margin: 0px;"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Other browser (in this case Chrome) show like this.
  <a href="http://image.free.in.th/v/2013/is/160306032913.jpg" rel="nofollow">http://image.free.in.th/v/2013/is/160306032913.jpg</a></p>
  
  <p>And IE7 show like this (Looks like have <code>padding</code> or <code>margin</code>, I checked but not found).
  <a href="http://image.free.in.th/v/2013/iv/160306032939.jpg" rel="nofollow">http://image.free.in.th/v/2013/iv/160306032939.jpg</a></p>
  
  <p>How can I change result in IE7 as same as other browsers using CSS?</p>