overflow:hidden ignoring bottom padding

Question

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?

Answer 1

Really late answer, but I want to give a really fresh and elegant solution with CSS. One could involve ::after pseudo-elements, but a more sustainable solution is:

    #mydiv p:last-child{
        margin-bottom:50px;
    }

assuming the div can have an id or a class to be identified with. In this solution the last

element will fill the missing bottom space.

No more nested nodes and fiddling with HTML! Yuppie!