title: Bottom div within td, zero margin
body: <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;MyTitle&lt;/title&gt;
      &lt;style type="text/css"&gt;
          body
          {
              background-image:url('images/my.png');
              /*width:100%;*/
              height:100%;
              background-repeat:no-repeat;
              background-size:100%;
              /*background-position:0,0,0,0px;
              background-position:center;*/
              margin: 0;
              padding: 0;
          }
          html
          {
              height: 100%;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;table cellpadding="0" cellspacing="0"
          style="height:100%; width: 100%; border-collapse: collapse; background-color: Red; border-color:Yellow;"&gt;
          &lt;tr style="background-color: Green;"&gt;
              &lt;td style="background-color: Blue; text-align: center; vertical-align: bottom; padding-bottom:0px;"&gt;
                  &lt;div style="margin: 0px 0px 0px 0px; background-color:Silver;"&gt;
                      &lt;button type="submit"&gt;Some text&lt;/button&gt;
                      &lt;p style=""&gt;Another text&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>FF4. The window is blue, it means td fills the whole window. The div has zero margins, td has zero paddings. Nevertheless, there is a blue rectangle between the div and the bottom edge of the window. How to avoid it? Margin-bottom: -16px; is not an option.</p>
  
  <p>Thank you.</p>