title: Dojo data-dojo-props style overwritten
body: <p>I'm using a dojo ContentPane to render an openlayers map. When the DOM is ready and the map is inserted the sytle of the dijit is overwritten. I've tried specifiying the height and width in a CSS by class and id, and also inline in my html.</p>
  
  <p>My html:</p>
  
  <pre><code>&lt;div id="map-id"
  class="centerPanel"
      data-dojo-type="dijit.layout.ContentPane"
      data-dojo-props="region: 'center', style: 'width: 1468px;'"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>my CSS:</p>
  
  <pre><code>#map-id {
  width: 1468px;
  height: 471px;
  }
  .centerPanel {
  width: 1468px;
  height: 471px;
  }
  </code></pre>
  
  <p>my actual html from firebug:</p>
  
  <pre><code>&lt;div id="map-id" class="centerPanel dijitContentPane dijitBorderContainer-child dijitBorderContainer-dijitContentPane dijitBorderContainerPane dijitAlignCenter olMap" data-dojo-props="region: 'center', style: 'width: 1468px;'" data-dojo-type="dijit.layout.ContentPane" title="" role="group" dir="ltr" style="width: 1455px; left: 252px; top: 48px; right: auto; bottom: auto; height: 456px;" widgetid="map-id"&gt;
  </code></pre>
  
  <p>As you can see my data-dojo-props styling is ignorded and the new height and width are inserted...any ideas?</p>