FF中的绘制弧变形

Question

我正在尝试使用以下代码在圆圈内绘制圆弧：

<div class="outer_circle">
 <div class='arc1'></div>
 <div class='arc2'></div>
</div>

在此测试：http://jsfiddle.net/C9vVN/

该代码适用于Chrome，IE和Opera，但在Firefox中它看起来很扭曲。

你有什么建议吗？

提前感谢您的帮助。

Answer 1

box-sizing需要firefox（caniuse.com）的-moz前缀。

-moz-box-sizing: border-box;
box-sizing: border-box;

这是一个updated fiddle。