Mozilla (Firefox), marcador, vários SVGs

Eu coloquei o layout de gráficos direcionados do d3 nas abas extjs para que cada vez que uma nova aba fosse adicionada, um novo gráfico svg fosse gerado. Nenhum problema até agora.

Agora eu pretendia transformar o gráfico em um direcionado (adicionando um marcador e dizendo às linhas para usá-lo)

Cada um dos elementos svg gerados segue este padrão:

<svg width="100%" height="100%">

<defs><marker id="end-arrow" viewBox="0 -5 10 10" refX="6" markerWidth="3"     markerHeight="3" orient="auto"><path d="M0,-5L10,0L0,5" fill="#ccc"></path></marker>
</defs>

<g transform="translate(4,0) scale(1)"><line class="link" sig="30.84" style="stroke-width: 3;" x1="538" y1="347" x2="409" y2="467" marker-end="url(#end-arrow)"></line>
...
</g>
</svg>

Com o Crome tudo funciona bem. Então cheguei à conclusão de que a estrutura e a maneira como eu gerava os svgs deveriam ser mais ou menos corretos.

Mas com o Firefox, os marcadores só serão mostrados para o primeiro svg. (a primeira aba) Todos os outros svgs não mostram nenhuma seta.

"Inspecionar elementos" diz que os marcadores estão lá e que as linhas estão se referindo a eles.

E é aí que estou ficando sem ideias onde ou o que procurar. :(

questionAnswers(1)

yourAnswerToTheQuestion