title: Why does a 6rem DIV size equal 96px if my body font-size is 75% in my CSS
body: <p>My HTML looks like this:</p>
  
  <pre><code>body {
  font-size: 75%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  </code></pre>
  
  <p>My CSS looks like this:</p>
  
  <pre><code>header .logo {
      text-align:center;
      line-height: 6rem;
      font-size: 4rem;
      font-weight: bold;
      font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue", Arial;
  }
  </code></pre>
  
  <p>When I specify the line-height of to be 6rem then it shows as 96px in the Chrome developer tools. Can anyone tell me does setting in rem ignore the body font-size setting?</p>
  
  <p>I am targeting IE9 and above so is it even a good idea to use rem now or should I wait a year before doing future designs using rem?</p>