Q:

Float to bottom and keep the scrollbar

I made a messaging system and I'm stuck with CSS. I want to display messages starting from bottom of page (like on Facebook). I used common method for this, set relative position to container and absolute position to child, but I also need scrollbar in child, and when I position messages like I explained, scrollbar dissapears.
This is my code: http://jsfiddle.net/dL3d7/
If you remove .messages class from CSS you'll see scrollbar but then messages won't be on bottom.
So my question is, how to keep messages on bottom and keep the scrollbar?

A:

Set max-height: 200px and overflow: auto to .messages class:
.messages{
    position: absolute;
    bottom: 0;
    max-height: 200px;/*Add this*/
    overflow:auto;/*Add this*/
    min-width:100px;/*Add this*/
}

fiddle

