CSS right and bottom margins Not showing

I can't understand this. I am starting a simple dock layout panel. It
sits within another dock layout panel (the center section).

The left and top margins are showing but not the right and bottom
margins. Please help.

<ui:style>

.toppanel {
background: #FFFFFF;
color: #fff;
font-size: 14pt;
padding: 15px;
margin-left: 10px;
margin-right: 40px; // does not show on
page
height: 100%;
width: 100%;
}

.label {
background: #666;
color: #fff;
font-size: 14pt;
padding: 5px;
margin: 10px; // only displays left
and top margins
height: 100%;
width: 100%;
}

</ui:style>

<g:DockLayoutPanel unit='PCT'>
<g:north size='10'>
<g:ResizeLayoutPanel
addStyleNames="{style.toppanel}"></g:ResizeLayoutPanel>
</g:north>
<g:center>
<g:DockLayoutPanel unit='PCT'>
<g:north size='55'>
<g:Label addStyleNames="{style.label}">Scoreboard</
g:Label>
</g:north>
<g:west size='40'>
<g:Label addStyleNames="{style.label}">West</
g:Label>
</g:west>
<g:east size="60">
<g:Label addStyleNames="{style.label}">East</
g:Label>
</g:east>
</g:DockLayoutPanel>
</g:center>
</g:DockLayoutPanel>

--
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.