Facing issue in IE while using DecoratorPanel with DockLayout

I want to show round corners in my application using DecoratorPanel.
But DecoratorPanel doesn't work well with DockLayoutPanel. I made some
changes in CSS to use DecoratorPanel with DockLayoutPanel. It works
fine in firefox and chrome but have problem in IE8. It cuts the bottom
border in IE8. I think the part it cut in bottom is the total height
of top and bottom border. Any suggestionto resolve issue on IE i
welcome. My Code is:

package com.google.gwt.sample.mail.client;

import com.google.gwt.core.client.GWT;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.DecoratorPanel;
import com.google.gwt.user.client.ui.DockLayoutPanel;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.Widget;

public class Layout_Decorator extends Composite {

interface Binder extends UiBinder<DockLayoutPanel, Layout_Decorator>
{
}

private static final Binder binder = GWT.create(Binder.class);

@UiField
HTML grid;

@UiField
DecoratorPanel round;

public Layout_Decorator() {
Widget widget = binder.createAndBindUi(this);
initWidget(widget);
int r = 100;
int c = 100;
StringBuilder stringBuilder = new StringBuilder();
for (int i = 0; i < r; i++) {
for (int j = 0; j < c; j++) {
stringBuilder.append(i + "," + j);
}
stringBuilder.append("<BR>");
}
grid.setHTML(stringBuilder.toString());
}

}

Corresponding xml file is :

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
xmlns:g='urn:import:com.google.gwt.user.client.ui'>
<ui:style>
@external middleCenter, middle, middleCenterInner;
tr.middle {
height: 100%;
vertical-align: top;
}
td.middleCenter {
width: 100%;
height: 100%;
}
.middleCenterInner{
height: 100%;
width: 100%;
}
</ui:style>
<g:DockLayoutPanel>
<g:center>
<g:DecoratorPanel ui:field="round" width="100%" height="100%">
<g:DockLayoutPanel unit='EM' height="100%">
<g:center>
<g:ScrollPanel>
<g:HTML ui:field="grid"></g:HTML>
</g:ScrollPanel>
</g:center>
</g:DockLayoutPanel>
<!--
-->
</g:DecoratorPanel>
</g:center>
</g:DockLayoutPanel>

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