Issue with CSS Borders and Overflow

I'm having an issue with overflow and displaying a border. I have content in an unordered list which I have set to `overflow: scroll;` Problem is, when I set a border to the unordered list, the border does not extend to the elements which overflow. I would like the border for `#times` and `#channel-rows ul`, to extend and cover the elements that are outside the border. K L M N O P are not in the border. Content in Row B is not covered by the border too. How do I get these elements into the same border as the elements before it? Can someone provide an example on how to make the border extend into the overflow area? Please see JSFiddle. JSFiddle.