Strange behavior of "overflow: auto" on Chrome

html css google-chrome overflow

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;    border 1px solid red;}

html css google-chrome overflow

A possible answer from HTML5 Application Development Fundamentals

#content{     height: 200px;     region-overflow:auto;     overflow:visible;     border 1px 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;}

CodeHunter