SVG圈元素在Firefox中显示“无效值”但在Chrome中有效

Question

我在<circle>标记中有一个<svg>元素，在Chrome中显示正常但不会出现在Firefox中。实际上，Firefox显示“无效值”，而Chrome则没有。

铬：

火狐：

这是展示同一问题的fiddle。出现在Chrome中，不在Firefox中。

我怎样才能让它在FF中运行？我需要使用CSS，因为我依靠CSS媒体查询来改变圆的半径。