Chrome Version       :  51.0.2704.84
OS Version: 10.0
URLs (if applicable) : https://jsfiddle.net/haevnkwu/2/
Other browsers tested:
  Add OK or FAIL after other browsers where you have tested this issue:
     Safari 5:
  Firefox 4.x: OK
     IE 7/8/9:

What steps will reproduce the problem?
1. Create outer div with border-radius set to > 0 and overflow hidden.
2. Create inner div that is larger than outer div and apply transform to it (for example transform: translate3d(1px,0,0))

What is the expected result?
Inner div should fit into its parent boundary respecting border radius.

What happens instead of that?
Inner div doesn't respect its parent border radius.


Please provide any additional information below. Attach a screenshot if
possible.
Demo here https://jsfiddle.net/haevnkwu/2/