Scrollbar in DIV container

The CSS property, that you seek, is called "overflow". The overflow property requires a region, which height and width is defined. So in your case:

#scrollarea{
  width: 200px;
  height: 200px;
  overflow: scroll;
}

With overflow:scroll, both scrollbars will be always displayed. Instead, if you use overlow:auto, the browser decides individually, if scrollbars are needed or not. So you can, for example, achieve, that in a long text, only vertical scroll bars are displayed. Other features include overflow:hidden, with which the content is simply truncated, if it is too large, and overflow:visible, whereby the contents of the field are protruding whenever they are too big.

But for you, only the properties scroll or auto should be relevant, depending on whether the scrollbars should be displayed always or only when needed.
2012-05-15 at 20:16