title: Keep table height fixed despite of number of rows in it for ie9
body: <p>What I want is already here <a href="https://stackoverflow.com/questions/8321849/how-to-scroll-tables-tbody-independent-of-thead">How to scroll table&#39;s &quot;tbody&quot; independent of &quot;thead&quot;?</a></p>
  
  <p>The only problem is that I can not make it work on IE9.</p>
  
  <p>I have made a fiddle <a href="http://jsfiddle.net/fe8Xf/" rel="nofollow noreferrer">http://jsfiddle.net/fe8Xf/</a></p>
  
  <p>I am using sample table like this:</p>
  
  <pre><code>&lt;table border='1px'&gt;
  &lt;tr&gt;
      &lt;td&gt;1&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;2&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;3&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;4&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;5&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <p>This works fine on Chrome and even IE10.
  But not IE9.</p>