title: Dojo tabcontainer in titlepane does not work in version > 1.6
body: <p>Placing a tab container on titlepane looks weird in any browser but if I use the dojo v1.6 it appears perfectly. Am I doing something wrong here while porting code to 1.8.4 Or something broken in later versions?</p>
  
  <p>Please change the dojo version in this code and see the difference.</p>
  
  <pre><code> &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; 
    &lt;html&gt;  
    &lt;head&gt; 
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; 
      &lt;!--The viewport meta tag is used to improve the presentation and behavior of the samples 
        on iOS devices--&gt;
      &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/&gt;
      &lt;title&gt; 
      &lt;/title&gt; 
  
      &lt;link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/**1.6**/dijit/themes/claro/claro.css"&gt;    
      &lt;style type="text/css"&gt; 
        html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
        #map{
          padding:0;
        }
      &lt;/style&gt; 
  
      &lt;script type="text/javascript"&gt; 
        var djConfig = {
          parseOnLoad: true
        };
      &lt;/script&gt; 
  
      &lt;script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt; 
        dojo.require("dijit.dijit"); // optimize: load dijit layer
        dojo.require("dijit.layout.BorderContainer");
        dojo.require("dijit.layout.ContentPane");
        dojo.require("dijit.TitlePane");
        dojo.require("dijit.layout.TabContainer");
        //require(["dojo/dnd/move", "dojo/_base/declare", "dojo/dom-construct", "dijit/layout/TabContainer", "dijit/TitlePane", "dijit/layout/BorderContainer", "dojox/layout/ExpandoPane", "dojo/domReady!"]);
      &lt;/script&gt; 
  
    &lt;/head&gt; 
  
    &lt;body class="claro"&gt; 
      &lt;div dojotype="dijit.layout.BorderContainer" design="headline" gutters="false" style="width:100%;height:100%;margin:0;"&gt;
          &lt;div dojotype="dijit.layout.ContentPane" region="center" style="width:500px;height:500px; border:1px solid #000;padding:0;"&gt;
         &lt;div style="position:absolute;width:500px;height:500px; left:30px; top:10px; z-Index:999;"&gt;
  
         &lt;div id="titlepane" dojoType="dijit.TitlePane" title="Show Tabs" closable="false"  open="false"&gt;
                &lt;div id="tabContainer" dojoType="dijit.layout.TabContainer" style="width:100%; height:100%"&gt;
                  &lt;div id="one" dojoType="dijit.layout.ContentPane" title="Tab 1" selected="true"&gt;
                    Tab 1 content
                  &lt;/div&gt;
                  &lt;div id="two" dojoType="dijit.layout.ContentPane" title="Tab 2"&gt;
                    Tab 2 content
                  &lt;/div&gt;
                  &lt;div id="three" dojoType="dijit.layout.ContentPane" title="Tab 3"&gt;
                    Tab 3 content
                  &lt;/div&gt;
                &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
    &lt;/html&gt;
  </code></pre>