XUL/Firefox Extension Question

[MikeAJ]

Hello,

I'm trying to add a toolbox to firefox right above my statusbar. I have the vbox, splitter, toolbox, toolbar, tabbox, etc. all in place, and it shows up correctly, but something is wrong in my XUL where I can't resize it vertically.

<overlay>
   <vbox insertbefore="status-bar">
      <splitter id="mySplitter2"
          state="open"
          collapse="after"
          resizebefore="closest"
          resizeafter="closest" flex="1"/>
      <toolbox>
         <toolbar id="myToolbar" toolbarname="myToolbar" accesskey="T"
              class="chromeclass-toolbar" context="toolbar-context-menu"
              hidden="false" persist="hidden">
            <tabbox flex="1">
               <tabs>
                  <tab label="Cart Header" selected="true"/>
                  <tab label="Cart Lines"/>
               </tabs>
               <tabpanels>
                  <tabpanel id="cartHeaderPanel" orient="vertical">
                     <description>Cart Header</description>
                  </tabpanel>
                  <tabpanel id="cartLinesPanel" orient="vertical">
                     <description>Cart Lines</description>
                  </tabpanel>
               </tabpanels>
            </tabbox>
            <toolbarbutton id="CloseButton"
            class="toolbarbutton-iconic"
            oncommand="alert('you clicked me')"
            orient="vertical"/>
         </toolbar>
      </toolbox>
   </vbox>
</overlay>

It's probably just a flex attribute needed somewhere, but I can't seem to pinpoint it. Anyone see what's missing to make it resizable?

Also, the whole thing doesn't attach or show up at all if I give an ID to the top vbox. Any idea why? I presume I need an ID on the vbox so I can hide the panel when the close button is clicked. Is that correct? If not, what other methods can be used to remove or hide the toolbox?

Thanks!