<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/global.css"?>

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        onload="boom();">


<bindings xmlns="http://www.mozilla.org/xbl">

<binding id="chil"><content><children/></content></binding>

<binding id="ichil"><content>
<xul:hbox style="-moz-binding: url(#chil)"><children/></xul:hbox>
</content></binding>

</bindings>


<script type="text/javascript">

function boom()
{
  document.getElementById("inner").removeChild(document.getElementById("lbb"));
  document.getElementById("outer").style.MozBinding = "";
}

</script>


<hbox id="outer" style="-moz-binding: url(#chil)"><hbox id="inner" style="-moz-binding: url(#ichil)"><listboxbody id="lbb" /></hbox></hbox>


</window>