Como uma extensão do Firefox injeta um arquivo css local em uma página da web?

Estou escrevendo uma extensão do Firefox que precisa injetar um arquivo css em páginas da web. O arquivo css é fornecido com a extensão, para que eu possa acessá-lo usando uma URL do chrome

chrome://extensionid/content/skin/style.css

Estou tentando injetar css assim quando a página é carregada:

var fileref = document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", "chrome://extensionid/content/skin/style.css");
document.getElementsByTagName("head")[0].appendChild(fileref);

No entanto, o css não está carregado e o Firebug mostra a mensagem 'URL cromado filtrado' em vez do conteúdo do arquivo, quando inspeciono olink elemento que eu criei. Se eu tentar carregar esse arquivo css de um servidor externo, está tudo bem.

Existe uma maneira de carregar um arquivo css fornecido com a extensão?

questionAnswers(1)

yourAnswerToTheQuestion