I have encountered an issue with my code where the border does not fill the empty space in the div container when there is only one item li present, but works fine if there are multiple items.
The problem can be seen in the image below: https://i.sstatic.net/EziQu.png
To handle the scrollbar, I am using a plugin called perfectScroll.
You can check out the code and see the issue in action on JSFiddle.
<!-- This div has a fixed height of 200px -->
<div class="col-md-5">
<ul>
<li>Text 1</li>
</ul>
</div>