Strange Behavior Of "overflow: Auto" On Chrome

I'm developing a site with a blog section. I need this section to have a fixed height. In order to be able to see all the posts in the blog I added an overflow: auto so it shows a

Solution 1:

I found the solution to my problem. For some reason, for this to work in Chrome I had to add a position:relative rule to #content:

#content{
    position: relative;
    height: 200px;
    overflow:visible;
    border1px solid red;
}

Solution 2:

A possible answer from HTML5 Application Development Fundamentals

#content{
     height: 200px;
     region-overflow:auto;
     overflow:visible;
     border1px solid red;
}

Now this is gearing more towards responsive design. Add -webkit- before overflow might help since it is a chrome issue only. Assuming it is CSS3.

#content {
    height: 200px;
    overflow: auto;
    -webkit-overflow: auto;
    border: 1px solid red;
}