Css 为什么'；这个背景图片在Firefox中填充了它的元素吗？

考虑以下代码段：

.container{
背景色：#eee；
左：50%；
最小宽度：20%；
填充：16px；
位置：固定；
最高：50%；
转换：翻译（-50%，-50%）；
}
.盒子{
背景图片：url(http://placehold.it/12x12/ff9999);
背景重复：重复-x；
边框：1px实心#f00；
高度：12px；
}

试验

添加

背景尺寸：封面to
.box{}
无法复制它。在firefox开发者版上也测试它。在Firefox中也是如此。也可以使用在Firefox 32机器上复制此功能。OSX上的Firefox似乎不存在此问题，因此它可能是Windows版本Firefox中的一个实际错误。您可能需要接受CSS是好的，但是仍然需要一个解决方法。。。。