User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.87 Safari/537.36 Steps to reproduce: Test case: https://jsfiddle.net/f8g4quv1/ - Create a DIV - Apply CSS width/height and background-color - Apply CSS border dashed - Apply CSS border-radius Actual results: Border dashed lines near in the corners have DIFFERENT length that on the sides. Screenshot attached, it shows issue in Firefox on the left side compare with Chrome 49.0.2623.87 m on the right side. Expected results: Border dashed lines near in the corners should have SAME length as other sides (Similarly to Chrome).

Issue happens with or without applying box-sizing: border-box; Example: https://jsfiddle.net/f8g4quv1/2/

SO related: http://stackoverflow.com/questions/36055372/dashed-border-with-applied-border-radius-have-wrong-length-in-firefox