Scrolling Div Container

[RogersDA]

I would like to wrap several divs inside another div. In this example the bioDateFormat and bioDateSub1 are within bioNewsWrapper.

I would like to fix the maximum height; e.g., 300px or 400px, for the bioNewsWrapper so that, no matter how many bioDateFormat and bioDateSub, a scroll bar will be provided for bioNewsWrapper.

<div id="bioNewsHeader">
LATEST NEWS & INFORMATION
</div>
<br>
<div id="bioNewsWrapper">
<div id="bioDateFormat">
20 February 2010
</div>
<div id="bioBoxSub1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam gravida sagittis urna quis euismod. Nullam vulputate orci tellus. Vestibulum id sem magna. Integer sollicitudin, nisl a viverra tincidunt, velit libero ornare elit, et blandit mauris sem sit amet diam. Nullam diam tellus, rutrum eu dictum quis, facilisis sodales enim. Phasellus eget est eget leo vulputate luctus quis sed sapien.
</div>
<br>
<div id="bioDateFormat">
10 February 2010
</div>
<div id="bioBoxSub1">
Praesent viverra congue cursus. Suspendisse tempus nibh et lacus tincidunt eleifend. Nulla facilisi. Phasellus leo eros, ornare vitae feugiat non, gravida a justo. Sed leo felis, faucibus vitae venenatis nec, mattis vel urna. Pellentesque malesuada aliquet tincidunt. Sed dui velit, fermentum sit amet laoreet in, scelerisque at tellus. Fusce eu leo justo, nec placerat diam. Sed id dolor id purus ullamcorper tincidunt.
</div>
</div>

EDIT: Got it - use the overflow: auto in combination with a specified height.