title: DIV with overflow:hidden lets children disappear
body: <p>I have a DIV with a set height and overflow: hidden .
  Inside the DIV, there's some content (a P, maybe some IMGs...   it's a wordpress post content, by the way).
  The content is completely unstyled (no css applied to any of it!)</p>
  
  <p>Now when I remove the height and the overflow: hidden from the DIV css, the whole content will be shown. So far, so good.
  But when I set the height and the overflow-property, the content will completely disappear!! Instead of being just "cut off" at the certain height.
  The DIV displays properly, but the content then seems to be completely invisible.
  :(</p>
  
  <p>Could you please help me if there are any errors / known problems with this method?</p>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;div class="post-text-long"&gt;
      &lt;?php the_content(); ?&gt;  // This displays the post's contents, just to let you know
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS that lets the contents disappear:</p>
  
  <pre><code>.post-text-long {
      height: 200px;
      overflow: hidden;
  }
  </code></pre>
  
  <p>EDIT: Live example removed, thanks everyone for your help!</p>