CSS translate正在影响chrome上的元素大小

Question

我有以下代码负责显示圆形元素：

＆＃13;

＆＃13;

.marker {
    	position: relative;
    	top: 10px;
    	left: 10px;
    	height: 13px;
    	width: 13px;
    	border: 2px solid #e02525;
    	border-radius: 100%;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    }
    .transform {
    	-ms-transform: translate(-50%, -50%);
    	-webkit-transform: translate(-50%, -50%);
    	transform: translate(-50%, -50%);
    	left: 50px;
    	top: 4px;
    }

＆＃13;

    <div class="marker"></div>
    <div class="marker transform"></div>

＆＃13;

＆＃13;

＆＃13;

每个标记的固定大小为13x13px，我也使用box-sizing：border-box;确保边框包含在元素大小中。 现在第二个标记使用转换平移，在Chrome上它通过向高度和宽度添加1px来影响大小。 屏幕截图：

您是否知道如何在Chrome上强制使用正确的元素大小？

更新

我做了一些额外的测试，似乎只有在元素大小使用奇数时才会出现此问题，当使用偶数时，则在translate（）之后大小相同。