title: IE9 + css : problem with fixed header table
body: <p>So, I think this is a CSS issue more than anything, but basically, the HTML I've provided contains a fixed header table in a reactive layout.<br>
  Code:
  <a href="http://jsfiddle.net/JpRQh/10/" rel="nofollow">http://jsfiddle.net/JpRQh/10/</a></p>
  
  <p>There are 3 rows of data, but in IE9, it seems like table rows are crazy high, and the scroll bar hase been disabled.</p>
  
  <p>The example that I followed on fixed header tables: 
  <a href="http://www.imaputz.com/cssStuff/bigFourVersion.html" rel="nofollow">http://www.imaputz.com/cssStuff/bigFourVersion.html</a>
  has the same problem in IE9.</p>
  
  <p>Any ideas on how to fix it?</p>
  
  <p>EDIT: I promise the table scrolls if there is enough data. But i only included 3 rows for example.</p>