Firefox SVG with fill:url(#id) style in external stylesheet broken, inline styles are fine

Question

In Firefox only, if I try to give a svg path a pattern reference like:

path { fill: url(#ref); }

in an external style sheet, it renders invisible. If I do