title: font-size:62.5% vs. font-size:10px
body: <p>For a long time I've been using</p>
  
  
  
  <pre class="lang-css prettyprint-override"><code>body {font-size:62.5%;}
  </code></pre>
  
  <p>in CSS documents since it's supposed to make <code>1em</code> equal <code>10px</code>. However, I recently noticed that this isn't the case for me in Internet Explorer. So instead I tried the code:</p>
  
  <pre class="lang-css prettyprint-override"><code>html {font-size:100%}
  body {font-size:10px}
  </code></pre>
  
  <p>Now this works like a charm for me. My question is:</p>
  
  <p>What's the drawback of this solution since I can't find anyone else using it?</p>
  
  <p>To clarify: I later specify all my font-sizes, widths, heights and so forth in <code>em</code>. It's just in the body I use <code>10px</code> instead of <code>62.5%</code>.</p>