вставка локального файла css с расширением firefox

Я создаю расширение для firefox и мне нужно вставить в документ некоторые элементы и CSS.

Я пробовал следовать Как расширение Firefox может вставить локальный файл css на веб-страницу? и Вставить CSS с расширением Firefox , но безуспешно.

Я знаю, что упускаю какой-то глупый момент, но я действительно не могу понять, что это такое, и был бы очень признателен, если бы кто-нибудь мог указать мне на это.

Вот мой chrome.manifest:

 content    helloworld content/
overlay chrome://browser/content/browser.xul    chrome://helloworld/content/overlay.xul

locale  helloworld  en-US   locale/en-US/

skin    helloworld  classic/1.0 skin/

И мой overlay.js:

var fileref = gBrowser.contentDocument.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", "resource://helloworld/skin/global.css");
gBrowser.contentDocument.getElementsByTagName("head")[0].appendChild(fileref);

Я даже пробовал это в моем overlay.js

var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"]
    .getService(Components.interfaces.nsIStyleSheetService);
var ios = Components.classes["@mozilla.org/network/io-service;1"]
    .getService(Components.interfaces.nsIIOService);
var uri = ios.newURI(url, null, null);
sss.loadAndRegisterSheet(uri, sss.USER_SHEET);

Опять не повезло.

Что мне не хватает? Я серьезно не могу понять.

• Пробовал использовать консоль, ничего не показывает
• Когда я копирую и вставляю свой href "chrome: //helloworld/skin/global.css", я вижу свой файл css в браузере.