Internet explorer GWT IE流量面板宽度故障

我有以下代码：

 private FlowPanel main = new FlowPanel();
 private FlowPanel mainContentPanel = new FlowPanel();
 private HorizontalPanel horizontalFixedPanel = new HorizontalPanel();
 private HorizontalPanel horizontalFlexPanel = new HorizontalPanel();

 mainContentPanel.addStyleName("mainPanel");

 FlowPanel panel = new FlowPanel();
 panel.addStyleName("fixed");
 horizontalFixedPanel.add(panel);

 mainContentPanel.add(horizontalFixedPanel);
 mainContentPanel.add(horizontalFlexPanel);

 main.add(mainContentPanel);

 RootPanel.get().add(main);

style.css：

*.fixed {
    border: 5px solid red;
    padding: 5px;
    width: 800px;
    margin-left: 5px;
}
.mainPanel {
    border: 5px solid black;
    padding: 5px;
    overflow-x: auto;
}

* 当我在Chrome中打开应用程序时，我得到- 在Internet Explorer中-

---

为什么在IE窗口和卷轴后面出现宽度？？我需要像chrome一样的主面板。

我认为您应该为

主面板添加一些精确的宽度：

.main面板{
宽度：100%；
//或
宽度：500px；
}