title: clientHeight/clientWidth returning different values on different browsers
body: <p>Properties <code>document.body.clientHeight</code> and <code>document.body.clientWidth</code> return different values on IE7, IE8 and Firefox:</p>
  
  <p>IE 8:  </p>
  
  <pre><code>document.body.clientHeight : 704 
  document.body.clientWidth  : 1148
  </code></pre>
  
  <p>IE 7:  </p>
  
  <pre><code>document.body.clientHeight : 704 
  document.body.clientWidth  : 1132
  </code></pre>
  
  <p>FireFox:  </p>
  
  <pre><code>document.body.clientHeight : 620 
  document.body.clientWidth  : 1152
  </code></pre>
  
  <p>Why does this discrepancy exist?<br>
  Are there any equivalent properties that are consistent across different browsers (IE8, IE7, Firefox) without using jQuery?</p>