Firefox扩展 - 弹出面板位置问题

Question

我发现了我写的旧版Firefox扩展程序的错误。

The extension is not build with the new SDK.
I've tested this extension on Firefox v 30 and 29.

问题：

当我缩小Firefox时，会出现一个包含所有扩展按钮的箭头（如屏幕截图所示）。

当我点击我的扩展按钮时，相对于我的扩展按钮会出现一个弹出窗口，而不是相对于箭头按钮。

到目前为止，我找不到解决问题的方法。 使用弹出窗口编写扩展按钮的正确方法是什么？ （不是SDK）

代码： browser.xul

<toolbarpalette id="xxx">
    <toolbarbutton id="button-1" pack="start" title="sdsd" tooltiptext="" oncommand="">
        <stack id="button-1-stack" width="19" height="19">
            <!-- icon -->
            <box align="start" pack="start">
                <image id="button-1-image" src="/skin/button1.png" width="19" height="19" />            </box>
            <!-- badge -->
            <box>
                <label id="button-1-badge" control="button-1-image" />
            </box>
        </stack>
        <!-- popup -->
        <panel id="popup_panel" position="after_end" width="1px" height="1px">
            <browser id="popup_browser" flex="1"></browser>
        </panel>
    </toolbarbutton>
</toolbarpalette>

的javascript

var browser = document.getElementById("popup_browser");
browser.addProgressListener(myListener);
browser.setAttribute("src", "/skin/popup.html");