CellList exceeds height when populated with rows

Another, possibly newbie, question...

I created a CellList and set the visible range and width/height:

        cellList.setVisibleRange(0, 20);

        cellList.setPixelSize(200, 400);

I add a SimplePager on this widget later in the code.

Finally, I add this CellList to a VerticalPanel:

        VerticalPanel vPanel = new VerticalPanel();

        vPanel.add(pager);

        vPanel.add(cellList);

        cellList.setLayoutData(vPanel.getLayoutData());

        vPanel.setBorderWidth(1);

        RootPanel.get("slot0").add(vPanel);

This looks fine, until the data displayed in the rows (which is a TextCell supported by a ListDataProvider) is < 20 rows, but the text (when wrapped or not) exceeds the height of the cellList (and VerticalPanel).  Then the rows (text cells) keep going down the form, even displaying "behind" other widgets like Buttons.

I'm really looking for a list-widget where I can set the max number per page and it should add scrollbars if it needs them, and use the pager on top of that.  But no matter what, I don't understand how a list widget of any kind would basically exceed the size of its container (the VerticalPanel), or be substantially easier to "size" during design-time.

Can anyone help point out what I should be doing here?  I'd be happy to provide further details if they would help.

Thanks in advance,
AJ

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" 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 http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.