title: dijit.layout.bordercontainer hides all inner contents
body: <p>I had a hard time understanding the new version 1.7.1 dojo toolkit and returned to the 1.5 version. I am trying to include the bordercontainer to layout my controls to match one of the demos but the bordercontainer keeps messing things up.</p>
  
  <p><a href="http://download.dojotoolkit.org/release-1.6.1/dojo-release-1.6.1/dijit/themes/themeTester.html" rel="nofollow">http://download.dojotoolkit.org/release-1.6.1/dojo-release-1.6.1/dijit/themes/themeTester.html</a></p>
  
  <p>I am trying to recreate the following and I got the menu part created and doing the accordianContainer but if I include the bordercontainer then all that appears is a line that looks like the container consuming everthing and I do not see the internal components including the menu.
  Any ideas appreciated.</p>
  
  <pre><code>&lt;body class="claro"&gt;
    &lt;form id="form1" runat="server"&gt;
    &lt;asp:ScriptManager ID="ToolkitScriptManager1" runat="server"&gt;
    &lt;/asp:ScriptManager&gt;   
             &lt;div dojoType="dijit.Menu" id="submenu1" data-dojo-props='contextMenuForWindow:true, style:"display:none"' style="display: none;"&gt;
                      &lt;div dojoType="dijit.MenuItem"&gt;Enabled Item&lt;/div&gt;
                      &lt;div dojoType="dijit.MenuItem" data-dojo-props="disabled:true"&gt;Disabled Item&lt;/div&gt;
                      &lt;div dojoType="dijit.MenuSeparator"&gt;&lt;/div&gt;
                      &lt;div dojoType="dijit.MenuItem" data-dojo-props="iconClass:'dijitIconCut'"&gt;Cut&lt;/div&gt;
                      &lt;div dojoType="dijit.MenuItem" data-dojo-props="iconClass:'dijitIconCopy'"&gt;Copy&lt;/div&gt;
                      &lt;div dojoType="dijit.MenuItem" data-dojo-props="iconClass:'dijitIconPaste'"&gt;Paste&lt;/div&gt;
                      &lt;div dojoType="dijit.MenuSeparator"&gt;&lt;/div&gt;
                      &lt;div dojoType="dijit.PopupMenuItem"&gt;
                                  &lt;span&gt;Enabled Submenu&lt;/span&gt;
                      &lt;div dojoType="dijit.Menu" id="submenu2"&gt;
                      &lt;div dojoType="dijit.MenuItem"&gt;Submenu Item One&lt;/div&gt;
                      &lt;div dojoType="dijit.MenuItem"&gt;Submenu Item Two&lt;/div&gt;
                      &lt;div dojoType="dijit.PopupMenuItem"&gt;
                                  &lt;span&gt;Deeper Submenu&lt;/span&gt;
                      &lt;div dojoType="dijit.Menu" id="submenu4"&gt;
                      &lt;div dojoType="dijit.MenuItem"&gt;Sub-sub-menu Item One&lt;/div&gt;
                      &lt;div dojoType="dijit.MenuItem"&gt;Sub-sub-menu Item Two&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div dojoType="dijit.PopupMenuItem" data-dojo-props="disabled:true"&gt;
                          &lt;span&gt;Disabled Submenu&lt;/span&gt;
                  &lt;div dojoType="dijit.Menu" id="submenu3" style="display: none;"&gt;
                  &lt;div dojoType="dijit.MenuItem"&gt;Submenu Item One&lt;/div&gt;
                  &lt;div dojoType="dijit.MenuItem"&gt;Submenu Item Two&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div dojoType="dijit.PopupMenuItem"&gt;
                          &lt;span&gt;Different popup&lt;/span&gt;
                  &lt;div dojoType="dijit.ColorPalette"&gt;&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div dojoType="dijit.PopupMenuItem"&gt;
                          &lt;span&gt;Different popup&lt;/span&gt;
                  &lt;div dojoType="dijit.Calendar"&gt;&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;/div&gt;
  
  
  
          &lt;div id="main" dojoType="dijit.layout.BorderContainer" design="sidebar"&gt;
             &lt;div id="header" dojoType="dijit.MenuBar" region="top"&gt;
                                          &lt;div dojoType="dijit.PopupMenuBarItem" id="edit"&gt;
                                                          &lt;span&gt;Edit&lt;/span&gt;
                                              &lt;div dojoType="dijit.Menu" id="editMenu"&gt;
                                                 &lt;div dojoType="dijit.Menu" id="Div1"&gt;
                                                          &lt;div dojoType="dijit.MenuItem" id="cut" iconClass="dijitIconCut"
                                                                      onClick="console.log('not actually cutting anything, just a test!')"&gt;Cut&lt;/div&gt;
                                                          &lt;div dojoType="dijit.MenuItem" id="copy" iconClass="dijitIconCopy"
                                                                      onClick="console.log('not actually copying anything, just a test!')"&gt;Copy&lt;/div&gt;
                                                          &lt;div dojoType="dijit.MenuItem" id="paste" iconClass="dijitIconPaste"
                                                                      onClick="console.log('not actually pasting anything, just a test!')"&gt;Paste&lt;/div&gt;
                                                          &lt;div dojoType="dijit.MenuSeparator" id="separator"&gt;&lt;/div&gt;
                                                          &lt;div dojoType="dijit.MenuItem" id="undo" iconClass="dijitIconUndo"&gt;Undo&lt;/div&gt;
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div dojoType="dijit.PopupMenuBarItem" id="view"&gt;
                                                  &lt;span&gt;View&lt;/span&gt;
                                              &lt;div dojoType="dijit.Menu" id="viewMenu"&gt;
                                              &lt;div dojoType="dijit.MenuItem"&gt;Normal&lt;/div&gt;
                                              &lt;div dojoType="dijit.MenuItem"&gt;Outline&lt;/div&gt;
                                              &lt;/div&gt;
                                              &lt;div dojoType="dijit.PopupMenuItem"&gt;
                                                  &lt;span&gt;Zoom&lt;/span&gt;
                                              &lt;div dojoType="dijit.Menu" id="zoomMenu"&gt;
                                              &lt;div dojoType="dijit.MenuItem"&gt;50%&lt;/div&gt;
                                              &lt;div dojoType="dijit.MenuItem"&gt;75%&lt;/div&gt;
                                              &lt;div dojoType="dijit.MenuItem"&gt;100%&lt;/div&gt;
                                              &lt;div dojoType="dijit.MenuItem"&gt;150%&lt;/div&gt;
                                              &lt;div dojoType="dijit.MenuItem"&gt;200%&lt;/div&gt;
                                              &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div dojoType="dijit.PopupMenuBarItem" id="themes"&gt;
                                                  &lt;span&gt;Themes&lt;/span&gt;
                                              &lt;div dojoType="dijit.Menu" id="themeMenu"&gt;&lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div dojoType="dijit.PopupMenuBarItem" id="dialogs"&gt;
                                                  &lt;span&gt;Dialogs&lt;/span&gt;
                                              &lt;div dojoType="dijit.Menu" id="dialogMenu"&gt;
                                              &lt;div dojoType="dijit.MenuItem" data-dojo-props="onClick: showDialog"&gt;slow loading&lt;/div&gt;
                                              &lt;div dojoType="dijit.MenuItem" data-dojo-props="onClick: showDialogAb"&gt;action bar&lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div dojoType="dijit.PopupMenuBarItem" id="inputPadding"&gt;
                                                  &lt;span&gt;TextBox Padding&lt;/span&gt;
                                              &lt;div dojoType="dijit.Menu" id="inputPaddingMenu"&gt;
                                              &lt;div dojoType="dijit.CheckedMenuItem" data-dojo-props="onClick:setTextBoxPadding, checked:true"&gt;theme default&lt;/div&gt;
                                              &lt;div dojoType="dijit.CheckedMenuItem" data-dojo-props="onClick:setTextBoxPadding"&gt;0px&lt;/div&gt;
                                              &lt;div dojoType="dijit.CheckedMenuItem" data-dojo-props="onClick:setTextBoxPadding"&gt;1px&lt;/div&gt;
                                              &lt;div dojoType="dijit.CheckedMenuItem" data-dojo-props="onClick:setTextBoxPadding"&gt;2px&lt;/div&gt;
                                              &lt;div dojoType="dijit.CheckedMenuItem" data-dojo-props="onClick:setTextBoxPadding"&gt;3px&lt;/div&gt;
                                              &lt;div dojoType="dijit.CheckedMenuItem" data-dojo-props="onClick:setTextBoxPadding"&gt;4px&lt;/div&gt;
                                              &lt;div dojoType="dijit.CheckedMenuItem" data-dojo-props="onClick:setTextBoxPadding"&gt;5px&lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div dojoType="dijit.PopupMenuBarItem" id="help"&gt;
                                                  &lt;span&gt;Help&lt;/span&gt;
                                              &lt;div dojoType="dijit.Menu" id="helpMenu"&gt;
                                              &lt;div dojoType="dijit.MenuItem"&gt;Help Topics&lt;/div&gt;
                                              &lt;div dojoType="dijit.MenuItem"&gt;About Dijit&lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div dojoType="dijit.PopupMenuBarItem" data-dojo-props="disabled:true"&gt;
                                                  &lt;span&gt;Disabled&lt;/span&gt;
                                              &lt;div dojoType="dijit.Menu"&gt;
                                              &lt;div dojoType="dijit.MenuItem"&gt;You should not see this&lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div dojoType="dijit.layout.AccordionContainer"minSize="20" style="width: 300px;" id="leftAccordion" region="left" splitter="true"&gt;
  
                          &lt;div dojoType="dijit.layout.ContentPane" title="Popups and Alerts"&gt;&lt;div style="padding:8px"&gt;
                          &lt;/div&gt;
                  &lt;/div&gt;&lt;!-- end AccordionContainer --&gt;                                         
            &lt;/div&gt;
         &lt;/div&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p></p>