Must LayoutPanel always occupy the whole screen?

In the example below, the LayoutPanel appears to only cover the left
part of the screen (a side menu area), but in fact a div is produced
the covers the whole screen, and unless you fiddle with z-index, input
areas in other parts of the screen are inaccessible.

Why must this be the case? It is problematic if the host page lays out
a lot of the base screen content, and a LayoutPanel is just supposed
to fit into a designated part of the screen.

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
xmlns:g='urn:import:com.google.gwt.user.client.ui'>
<ui:style>
.panel {
background-color: transparent;
}
</ui:style>
<g:LayoutPanel>
<g:layer left="10px" width="222px" top="66px" bottom="0px">
<g:StackLayoutPanel unit="EM" addStyleNames="{style.panel}">
<g:stack>
<g:header size="2">...</g:header>
<g:HTML addStyleNames="{style.panel}">
...
</g:HTML>
</g:stack>
<g:stack>
<g:customHeader size="2">
<g:Label>...</g:Label>
</g:customHeader>
<g:HTML addStyleNames="{style.panel}">
...
</g:HTML>
</g:stack>
</g:StackLayoutPanel>
</g:layer>
</g:LayoutPanel>
</ui:UiBinder>

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.