在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的spacer，我会看到项目移动，但它没有固定在右边。