CSS Pixel Rounding Test

***NOTE: The following items below have transform:scaleX(30); applied to them so the difference in the rounded pixels is visible***
***NOTE: The color is added just for aesthetics. The CSS widths are NOT causing the different colors seen.***
Width Overflow Live Result Expected
Without rounding:
width: 2.55px		 overflow: visible
overflow: hidden
Float To Integer:
width: calc((2.55px * 1.4E-45) / 1.4E-45)		 overflow: visible
overflow: hidden
Float to Even Integer:
width: calc((2.55px * 1.4E-45 / 2) / 1.4E-45 * 2)		 overflow: visible
overflow: hidden
Double To Integer:
width: calc((2.55px * 5e-324) / 5e-324)		 overflow: visible
overflow: hidden
Double to Even Int:
width: calc((2.55px * 5e-324 / 2) / 5e-324 * 2)		 overflow: visible
overflow: hidden
Double to Integer without Subnormal:
width: calc((2.55px * 2.2250738585072014e-308 * 2.220446049250313e-16) / 2.2250738585072014e-308 / 2.220446049250313e-16)		 overflow: visible
overflow: hidden
Double to Even Integer without Subnormal:
width: calc((2.55px * 2.2250738585072014e-308 * 2.220446049250313e-16 / 2) / 2.2250738585072014e-308 / 2.220446049250313e-16 * 2)		 overflow: visible
overflow: hidden
Integer without Subnormal Rounded:
width: calc((2.55px * 2.23e-308 * 2.22e-16) / 2.23e-308 / 2.22e-16)		 overflow: visible
overflow: hidden
Even Integer without Subnormal Rounded:
width: calc((2.55px * 2.23e-308 * 2.22e-16 / 2) / 2.23e-308 / 2.22e-16 * 2)		 overflow: visible
overflow: hidden

Javascript Measurements Before transform:scaleX(30); Is Applied

Javascript Measurements After transform:scaleX(30); Is Applied