title: Why do identical 2 jsfiddles result in different dojo layout at 1.8 release?
body: <p>I am migrating some of dojo 1.6 code to dojo 1.8 and I could not get the layout to behave the same. So I stripped the code to bare minimum hoping to nail down the problem and ended up with 2 identical jsfiddles. I copied the code from one into another one... and yet one of them results in splitted dojo ContentPanes where the other one does not. </p>
  
  <p>Example #1 (layout works): <a href="http://jsfiddle.net/mmlitvin/3onan361/17/" rel="nofollow">http://jsfiddle.net/mmlitvin/3onan361/17/</a></p>
  
  <p>Example #2 (layout does not work): <a href="http://jsfiddle.net/mmlitvin/Lt0a2fhd/" rel="nofollow">http://jsfiddle.net/mmlitvin/Lt0a2fhd/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;body class="claro"&gt;
  &lt;div data-dojo-type="dijit.layout.BorderContainer" id="mainBC"&gt;  
  
      &lt;div data-dojo-type="dijit.layout.BorderContainer" id="splitBC" data-dojo-props="region:'center'"&gt;
          &lt;div data-dojo-type="dijit.layout.ContentPane" id="topPane" data-dojo-props="region:'top'"&gt;SQL Statement and details&lt;/div&gt;
          &lt;div data-dojo-type="dijit.layout.ContentPane" id="leftPane" data-dojo-props="region:'center'"&gt;Left Pane&lt;/div&gt;
          &lt;div data-dojo-type="dijit.layout.ContentPane" id="rightPane" data-dojo-props="region:'right',splitter:'true',minSize:1" style="width:50%;"&gt;Right Pane&lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Javascript</p>
  
  <pre><code>debugger;
  dojo.require('dojo.parser');
  dojo.require("dijit.layout.ContentPane");
  dojo.require("dijit.layout.BorderContainer");
  dojo.require("dijit.Dialog");
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#mainBC {
  height:600px;
  }
  #topPane {
  height: 15px;
  border:none;
  padding:0px;
  </code></pre>
  
  <p>}</p>