title: DIV with rounded corners and internal scrollbars
body: <p>I am attempting to achieve a scenario where a DIV has internal scroll bars and rounded corners.  My first attempted resulted in this:</p>
  
  <p><img src="https://i.stack.imgur.com/d6sZV.png" alt="enter image description here"></p>
  
  <p>The right hand corners become square, on account of the scroll bars.</p>
  
  <p>Next, I added an internal div with some top and bottom padding, in order to push the scrollbars down and maintain the counted corders.  That came out like this:</p>
  
  <p><img src="https://i.stack.imgur.com/cf8Ha.png" alt="enter image description here"></p>
  
  <p>I'd like a hybrid where the scroll bars are the full length of the div but don't make the corners square.  Is this possible?</p>