Question

I have a div which has the css overflow property set to auto. But the overflow property doesn’t seem to work and instead of showing a scrollbar within the div, the content of div flows outside div.

What am I missing here?

<div id="divPrvChatBox">
</div>

#divPrvChatBox
{
    width:330px;
    height:200px;
    background-color:Yellow;
    overflow:auto;        
}

Answer 1

overflow:scroll;

This is what you need to explicitly tell the browser to use scroll-bars. When you use auto you are telling the browser that it can decide for itself, often giving some WTF results.