Ul Breaks Html Scroll Inside Dvs (when Using Display: Box)

When i add a list (ul) to a div that uses display:box, then it breaks the scroll. It works fine with 'p'-tags: Working example (adjust browser window to see scroll): http://jsbin.c

Solution 1:

I inserted

display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
box-orient: vertical;

at the top of the #box_inner2 css (before flex) and it worked for me. No clue why it doesn't work with both, but hopefully that solves your problem.

I never knew there was a display: box;, know a good place I can read up on them?