title: Bottom padding not working on overflow element in non-chrome browsers
body: <p>If you take a look at this fiddle in Chrome: <a href="http://jsfiddle.net/up4Fa/" rel="noreferrer">http://jsfiddle.net/up4Fa/</a></p>
  
  <p>You will see an overflowing element that has 20px of padding inside it! All fine and working as expected.</p>
  
  <p>However if you run the same test in IE9 or Firefox the text at the bottom touches the edge of the container and the bottom padding is being ignored...</p>
  
  <p>If I do the padding on an inner div it will the issue, BUT I'd much rather fix it with one div and can't understand why BOTH firefox and IE have problems but not Chrome?</p>
  
  <p>EDIT: The text isn't the reason in case anyone was wondering! It will do the same with the red box if I remove the text.</p>
  
  <p>Thanks</p>