index.html

<div id="chatbox">
    <div id="header">
      Name1, Name2, Name3<br />
      Name4, Name5, Name 6<br />
    </div>
    <div id="content">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sollicitudin viverra arcu non rhoncus. Aliquam erat volutpat. Pellentesque id sollicitudin justo. Nam id aliquet diam. Sed vel eros mi. Maecenas malesuada sapien eget mauris imperdiet ac tristique nunc varius. Donec sagittis diam tristique lacus ullamcorper rhoncus. Nullam et elit in odio laoreet dictum. Cras sit amet sem ligula. Donec nisi magna, vestibulum nec venenatis eget, dignissim non metus. Morbi malesuada auctor nisl rutrum commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elementum molestie volutpat. Cras id diam et sapien semper venenatis pellentesque vitae orci.

         
    </div>
</div>
​

style.css

#chatbox {
    height:300px;
    width:250px;
    margin:30px;
    border:5px solid red;    
    display:-webkit-box;
    -webkit-box-orient:vertical;    
}
#header {
    border:5px solid blue;
    background:#555;
}
#content {
    border:5px solid green;
    -webkit-box-flex:1.0;
    background:#ccc;
    overflow:auto;
}
​