在 XUL 中移动工具栏按钮

Question

我试图让一个元素在 XUL 中从右向左移动。我正在使用工具栏执行此操作，并希望带有标签的一个工具栏按钮保持锚定在右侧，而其中一个按钮从右向左移动，从锚点的左侧开始。

我试图通过修改 marginLeft 来实现这种效果，但我的元素保持静止。我不太确定为什么它不动。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE overlay >
<overlay id="my-overlay" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <script type="application/x-javascript">
    // Install load handler
    var marginLeft = 0;
    window.addEventListener("load", function(e) {
        function moveIt() {
       document.getElementById("moveit").style.marginLeft = marginLeft + "px";
       marginLeft -= 30;
    }
    setInterval(moveIt, 1000);
    }, false);
  </script>
  <vbox id="browser-bottombox">
    <toolbar id="theToolbar">
      <!-- holds the scrolling items and the refresh time -->
      <hbox id="scrollingItemContainer" flex="1" align="end">
        <!-- container for our scrolling items -->
        <spacer flex="1"/>        
        <hbox id="movingItems" align="end">
          <toolbarbutton id="moveit" label="moving"/>
        </hbox>
        <hbox>
          <toolbarbutton id="rightAnchor" label="right"/>
        </hbox>
      </hbox>   
    </toolbar>
  </vbox>
</overlay>

您能提供的任何帮助都会有所帮助。我在FF4上试过这个，但我认为FF3上也存在这个问题。

我应该注意，如果我在scrollingItemContainer之后添加一个flex = 1的垫片，那么我会看到该项目移动，但它没有锚定在右侧。