переполнение: скрыто, игнорируя нижнее заполнение

В следующем примере нижнее заполнение игнорируется, и текст перетекает в нижнюю часть элемента, прежде чем скрыться. Что вызывает это?

<div style="overflow: hidden; width: 300px; height: 100px; padding: 50px;">
  <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
</div>

Представление с Firebug (фиолетовый - заполнение, синий - фактическая область содержимого):