title: DockLayoutPanel doesn't work properly
body: <p>I describe my panel in next way </p>
  
  <pre><code>&lt;!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"&gt;
  &lt;ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
           xmlns:g='urn:import:com.google.gwt.user.client.ui'&gt;
  &lt;g:DockLayoutPanel unit="PX" width="600" &gt;
      &lt;g:north size="85"&gt;
      ....
      &lt;/g:north&gt;
      &lt;g:center&gt;
      ....
  
      &lt;/g:center&gt;
  &lt;/g:DockLayoutPanel&gt;
  </code></pre>
  
  <p>GWT generated for north and center next divs.  </p>
  
  <pre><code> &lt;div style="position: absolute; overflow: hidden; left: 0px; top: 0px; right: 0px; height: 85px;"
   &lt;div style="position: absolute; overflow: hidden; left: 0px; top: 85px; right: 0px; bottom: 0px;"&gt;
  </code></pre>
  
  <p>They contains data that what I need, but second div doesn't displayed. Where I am wrong?</p>
  
  <p><strong>UPD:</strong>
  Just for example, for </p>
  
  <pre><code>    &lt;g:center&gt;
          &lt;g:FlowPanel height="100%"&gt;
              &lt;g:Label height="100%"&gt;TEST2&lt;/g:Label&gt;
          &lt;/g:FlowPanel&gt;
      &lt;/g:center&gt;
  </code></pre>
  
  <p>I get </p>
  
  <pre><code>&lt;div style="position: absolute; overflow: hidden; left: 0px; top: 85px; right: 0px; bottom: 0px;"&gt;
  &lt;div style="position: absolute; overflow: hidden; left: 0px; top: 85px; right: 0px; bottom: 0px;"&gt;
      &lt;div style="height: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"&gt;
          &lt;div class="gwt-Label" style="height: 100%;"&gt;TEST2&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>