Is anyone using DockLayoutPanel?

I can't get anything to display except for the argument to "addNorth" in the DockLayoutPanel. I am using the DockLayoutPanel as the basis for a widget that extends Composite. I am calling InitWidget and I have tried using units EM and PX. The sizing appears correct but the div that contains the "west" widgets seems to have 0 height.

<div id="gwt-debug-rootPanel">
    <div>
        <div style="position: relative;">
            <div aria-hidden="true"
                 style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex; visibility: hidden;">
                &nbsp;</div>
            <div style="position: absolute; overflow: hidden; left: 0px; top: 0px; right: 0px; height: 100px;">
                <div class="gwt-HTML" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">north
                </div>
            </div>
            <div style="position: absolute; overflow: hidden; left: 0px; top: 100px; bottom: 0px; width: 100px;">
                <div class="gwt-HTML" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">west
                </div>
            </div>
            <div style="position: absolute; overflow: hidden; top: 100px; right: 0px; bottom: 0px; width: 100px;">
                <div class="gwt-HTML" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">east
                </div>
            </div>
            <div style="position: absolute; overflow: hidden; left: 100px; right: 100px; bottom: 0px; height: 100px;">
                <div class="gwt-HTML" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">south
                </div>
            </div>
            <div style="position: absolute; overflow: hidden; left: 100px; top: 100px; right: 100px; bottom: 100px;">
                <div class="gwt-HTML" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
                    central
                </div>
            </div>
        </div>
    </div>
</div>

Here is the html I end up with. I formatted it in IDEA.  You can see the labels or "HTML" widgets are set to be 0 in size.

Any help? I'm losing my mind.

--
You received this message because you are subscribed to the Google Groups "GWT Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at https://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.