title: overflow:hidden ignoring bottom padding
body: <p>In the following example, the bottom padding is ignored, and the text flows to the bottom of the element before hiding. What is causing this?</p>
  
  <pre><code>&lt;div style="overflow: hidden; width: 300px; height: 100px; padding: 50px;"&gt;
    &lt;p&gt;Hello, this is text.&lt;/p&gt;
    &lt;p&gt;Hello, this is text.&lt;/p&gt;
    &lt;p&gt;Hello, this is text.&lt;/p&gt;
    &lt;p&gt;Hello, this is text.&lt;/p&gt;
    &lt;p&gt;Hello, this is text.&lt;/p&gt;
    &lt;p&gt;Hello, this is text.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>A view with Firebug (purple is padding, blue is actual content area):</p>
  
  <p><img src="https://i.stack.imgur.com/Njr2V.png" alt="Firebug"></p>