CSS样式表问题

Question

样式表如下

.ItemDiv
{
    border-color: Gray; border-bottom-style: inset; border-bottom-width: 1px;height:28px; line-height:28px;background-color:#F2ECFF; display:table;overflow:inherit
}

.ItemDiv:hover
{
    background-color:#B0C4EC;
}

.AlternatingDiv
{
    border-color: Gray; border-bottom-style: inset; border-bottom-width: 1px;height:28px; line-height:28px;display:table;overflow:inherit
}
.AlternatingDiv:hover
{
    background-color:#B0C4EC;
}

ASPX页面内容如下

<div>
  <div class="ItemDiv">

    <div style="float:left;width:40px">
      <asp:Label ID="LabelProductUnit" runat="server" Text='<%# Eval("ProductUnit") %>' Visible="false"></asp:Label>
      <asp:Label ID="LabelUnit" runat="server" Text=""></asp:Label>
    </div>
    <div style="float:left;width:80px">
      <asp:Label ID="LabelQuantity" runat="server" Text='<%# Eval("Quantity") %>'></asp:Label>
    </div>
    <div style="float:left;width:80px">
      <asp:Label ID="LabelInventoryQuantity" runat="server" Text='<%# Eval("InventoryQuantity") %>'></asp:Label>
    </div>
    <div style="float:left;width:80px">
      <asp:Label ID="LabelPlanQuantity" runat="server" Text='<%# Eval("PlanQuantity") %>' ></asp:Label>
    </div>
    <div style="float:left;width:80px">
      <asp:Label ID="LabelProductType" runat="server" Text='<%# Eval("ProductType") %>' Visible="false"></asp:Label>
      <asp:Label ID="LabelType" runat="server" Text=""></asp:Label>
    </div>
    <div style="float:left;width:40px">
      <asp:CheckBox ID="CheckBox1" runat="server" />
    </div>
    <div style="float:left;width:100px">
      <asp:Label ID="LabelDescription" runat="server" Text='<%# Eval("Description") %>'></asp:Label>
    </div>
    <div style="float:left;width:70px">
      <asp:LinkButton ID="LinkButton1" Font-Overline="false" runat="server" CommandName="mdelete" OnClientClick="return confirm('确认要删除此行信息吗？')">删除</asp:LinkButton>
      <asp:LinkButton ID="LinkButton2" Font-Overline="false" runat="server" CommandName="medit">编辑</asp:LinkButton>
    </div>
  </div>
  <div class="clear"></div>


  <div class="AlternatingDiv">
    <div style="float:left;width:40px">
      <asp:Label ID="LabelProductUnit" runat="server" Text='<%# Eval("ProductUnit") %>' Visible="false"></asp:Label>
      <asp:Label ID="LabelUnit" runat="server" Text=""></asp:Label>
    </div>
    <div style="float:left;width:80px">
      <asp:Label ID="LabelQuantity" runat="server" Text='<%# Eval("Quantity") %>'></asp:Label>
    </div>
    <div style="float:left;width:80px">
      <asp:Label ID="LabelInventoryQuantity" runat="server" Text='<%# Eval("InventoryQuantity") %>'></asp:Label>
    </div>
    <div style="float:left;width:80px">
      <asp:Label ID="LabelPlanQuantity" runat="server" Text='<%# Eval("PlanQuantity") %>' ></asp:Label>
    </div>
    <div style="float:left;width:80px">
      <asp:Label ID="LabelProductType" runat="server" Text='<%# Eval("ProductType") %>' Visible="false"></asp:Label>
      <asp:Label ID="LabelType" runat="server" Text=""></asp:Label>
    </div>
    <div style="float:left;width:40px">
      <asp:CheckBox ID="CheckBox1" runat="server" />
    </div>
    <div style="float:left;width:100px">
      <asp:Label ID="LabelDescription" runat="server" Text='<%# Eval("Description") %>' ></asp:Label>
    </div>
    <div style="float:left;width:70px">
      <asp:LinkButton ID="LinkButton1" Font-Overline="false" runat="server" CommandName="mdelete" OnClientClick="return confirm('确认要删除此行信息吗？')">删除</asp:LinkButton>
      <asp:LinkButton ID="LinkButton2" Font-Overline="false" runat="server" CommandName="medit">编辑</asp:LinkButton>
    </div>
  </div>
  <div class="clear"></div>
</div>

WEB应用程序直接发布在开发机器上的。当某个DIV中的内容超出DIV宽度时， 在开发机器上运行会自动换行结果显示正常（发布后）。开发机器是windows server 2008,IE 8浏览器。

在客户端运行当某个DIV中的内容超出DIV宽度时，就不会自动换行（也就是自动增加行高）了，多余的内容全部显示在下一行上，重复在一起看不清。客户端是32位Windows 7，IE8浏览器。

详情请见http://cxyerp.gicp.net/1.htm！ 。请问此问题如何解决？