title: set the body height width css expressions
body: <p>I want to change the body height dynamically using css expression.. my code is </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;body &gt;
   &lt;div class="tall_top" &gt;
  
   &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>body {
       width:      100px;
       height:     expression(document.documentElement.clientHeight);
       background: red;
     }
   .tall_top { 
     background:#f1f1f1; 
     width:50%; 
     height:50%
    }
  </code></pre>
  
  <p>But It is not working in google chrome..... The inner div is not displaying. The height of body displaying in inspect element is 0px; </p>
  
  <p><strong>JS Fiddle</strong></p>
  
  <p><a href="http://jsfiddle.net/3x6fh/" rel="nofollow">http://jsfiddle.net/3x6fh/</a></p>