title: Why this doesn't work on IE 10?
body: <p>This sample code doesn't work as expected in IE 10 (the inner table don't get the remaining space). I take off .css and other elements to just highlight my question.</p>
  
  <p>I would like to take the inner table to get all space between the 50px line of top and the 30px line of bottom. In another doctype it's work but I must work with this doctype in my project.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html style="height: 100%"&gt;
  &lt;body style="height: 100%"&gt;
      &lt;table style="height: 100%"&gt;
          &lt;tr style="height: 50px"&gt;
              &lt;td&gt;
                  &amp;nbsp;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;tr&gt;
              &lt;td&gt;
                  &lt;table style="height: 100%; background: #f00"&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &amp;nbsp;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;tr style="height: 30px"&gt;
              &lt;td&gt;
                  &amp;nbsp;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>