title: Vertical scrollbar in chrome seems to cut off the content slightly at the end
body: <p>I am running into an issue in chrome. When a scrollbar is generated the end of the content is chopped off.</p>
  
  <p><img src="https://i.stack.imgur.com/xKdoZ.png" alt="enter image description here"></p>
  
  <p>My relevant css for the outermost div is:</p>
  
  <pre><code>#outer-div-id {
      background-color: #f9f9f9;
      padding: 0px 60px 10px 60px;
      width: 900px;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px;
      border: 1px solid;
      border-color: lightgrey;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      overflow: auto;
  }
  </code></pre>
  
  <p>Firefox seems to be working - so does Opera. For now, if someone can suggest how to fix it in Chrome, it would be superb!</p>
  
  <p>Thank you!</p>