IE10 flexbox widths include padding, causing overflow. box-sizing: border-box doesn't fix

Question

The LHS flex child in this example has 1em padding, and it will cause RHS to overflow the parent:

Answer 1

I don't have access to IE10, but in IE11, I had to explicitly set flex-basis to auto:

flex: 0 1 auto;