title: IE 7/8 bug with fixed layout TABLE and TD width as percentage
body: <p><a href="http://jsfiddle.net/michelpm/jywqh/" rel="nofollow noreferrer">http://jsfiddle.net/michelpm/jywqh/</a> <code></code></p>
  
  <p>The table has 1000 pixels of width, so the table columns with 3.9%, 2.9%, 1.9%, 0.9% and 0.4% should measure exactly 39, 29, 19, 9 and 4 pixels. This is how I think it should behave and how it in fact behaves for any modern browser, but I should make it work for IE 7 and IE 8 as well.</p>
  
  <p>In IE 7 those cells measure 30 (3.0%), 20 (2.0%), 10 (1.0%), 0 (0.0%), 0 (0.0%) and 940 (94%) pixels.
  In IE 8 those cells measure 30 (3.0%), 20 (2.0%), 10 (1.0%), 313 (31.3%), 313 (31.3%) and 313 (31.3%) pixels.
  In IE 9 and other browsers those cells measure 39 (3.9%), 29 (2.9%), 19 (1.9%), 9 (0.9%), 4 (0.4%) and 900 (90.0%) pixels.</p>
  
  <p>If it is possible, which is the easiest (with less rewriting) or best (less ugly) way to make it work in both those ancient IEs and modern browsers?</p>