title: Embedded table have the same height as cell
body: <p>I was wondering if it is possible to have the table embedded inside the td to have the same height as the td. </p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
      &lt;td style="background:red"&gt;
          &lt;table style="background:blue"&gt;
              &lt;tr&gt;
                  &lt;td&gt;Hello&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Here is the jsfiddle... <a href="https://jsfiddle.net/ekh6z8w0/" rel="nofollow">https://jsfiddle.net/ekh6z8w0/</a></p>
  
  <p>As you can see through the fiddle the embedded table is off by a pixel or two. Is it possible to have the blue inside overlap the slight red border?</p>