nested scrolling

by rbyers

HTML

<div id='container'>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
  <div id='nested'>
          test<br/>
          test b<br/>
          test<br/>
          test c<br/>
          test<br/>
          test<br/>
          test<br/>
          test b<br/>
          test<br/>
          test c<br/>
          test<br/>
          test<br/>
          test<br/>
          test b<br/>
          test<br/>
          test c<br/>
          test<br/>
          test<br/>
</div>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>
outside<br/>

</div>

CSS

#container {
    
}

#nested {
  height: 50px;   
  overflow-y: scroll;
  border: 1px solid blue;
}