Javascript Firefox插件位于角落中的新文本窗口

我希望Javascript在右上角生成一个新的“区域”。在这个“区域”中，我想要一些文本和一些url

到目前为止，我得到的是：

var x = document.createElement("TEXTAREA");
var t = document.createTextNode("Sample Text");

x.style.cssFloat='right';
x.appendChild(t);
document.body.appendChild(x);

但是文本字段看起来不像我想要的那样。我遇到的第一个问题是，它是透明的，不应该是透明的

我是否需要添加更多的CSS属性，或者使用另一个函数来创建该区域更好

我正在使用SDK/jpm生成Firefox插件