title: HTML Scrollbar only showing part of the box borders
body: <p>I'm trying to integrate a scroll bar in the following <code>div</code> of my HTML template, and want the "box" to always show, even when empty. But when I do <code>overflow: scroll</code>, only part of the box borders appear (on the right and bottom side, but not on the top and left side). How can I fix this?</p>
  
  <pre><code>&lt;div class="col-sm-6"&gt;
    &lt;h1&gt;Results&lt;/h1&gt;
    &lt;br&gt;&lt;br&gt;
    &lt;div style="width: 500px; overflow: scroll; height: 400px;"&gt;
    &lt;br&gt;
    &lt;p class="my-results"&gt;&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Cllxz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Cllxz.png" alt="enter image description here"></a></p>