Ridiculously large (negative) CSS top values calculated

[icfantv]

I'm trying to get the layout of my web app nailed down and I'm using the 3.x demo site and source code to get a handle on how exactly to do this.

I've got the main browser window in a border layout. My north panel is not rendering correctly either, but my main concern is my west and center panels which are rendering with a CSS top value of -1029 so they're WAY off page. Using Firebug, if I change the top value to the total height of my header obviously it looks fine.

Anyone have any ideas why this might be happening? Here's the code snippets:

    VerticalLayoutContainer northPanel = new VerticalLayoutContainer();

    // header image/logo
    HTML headerData = new HTML();
    headerData.setHTML(NORTH_CONTENTS);
    northPanel.add(headerData, new VerticalLayoutContainer.VerticalLayoutData(-1, 91));


    // top navigation menu
    this.doTopMenuBar(northPanel);


    BorderLayoutData northData = new BorderLayoutData(120);
    this.setNorthWidget(northPanel, northData);


    BorderLayoutData westData = new BorderLayoutData(150);
    westData.setMargins(new Margins(5, 0, 5, 5));
    westData.setSplit(true);
    westData.setCollapsible(false);
    westData.setCollapseHidden(false);
    westData.setCollapseMini(false);


    ContentPanel westPanel = new ContentPanel();
    westPanel.setHeadingText("BMS Navigation");
    westPanel.setBodyBorder(true);
    this.doSideMenu(westPanel);


    MarginData centerData = new MarginData();
    centerData.setMargins(new Margins(5));


    this.setWestWidget(westPanel, westData);
    this.setCenterWidget(this.centerContainer, centerData);


    RootPanel.get().add(this);

Thanks.

[icfantv]

As a work-around, I've created a CSS class that simply defines the CSS top property as the height of the North panel. I would still like to know why the large negative values were calculated.