页面布局在firefox中正常,在IE9中显示错位

西门吹雪

      我的代码如下: <x:Form ID="Form2" runat="server" Height="32px" BodyPadding="5px" ShowHeader="false"
                ShowBorder="false" LabelAlign="Right" EnableBackgroundColor="true" LabelWidth="60px">
                <Rows>
                    <x:FormRow ID="FormRow2" runat="server" ColumnWidths="300px 220px 220px 80px">
                        <Items>
                            <x:TwinTriggerBox ID="ttbSearch" runat="server" ShowLabel="false" EmptyText="关键字查询"
                                Trigger1Icon="Clear" Trigger2Icon="Search" ShowTrigger1="false" OnTrigger2Click="ttbSearch_Trigger2Click"
                                OnTrigger1Click="ttbSearch_Trigger1Click">
                            </x:TwinTriggerBox>
                            <x:TriggerBox ID="TriggerBox1" EnableEdit="false" Text="" TriggerIcon="Search" Label="客户"
                                runat="server">
                            </x:TriggerBox>
                            <xropDownList ID="ddlDate" Label="下单时间" runat="server" AutoPostBack="true"
                                OnSelectedIndexChanged="ddlDate_SelectedIndexChanged">
                            </xropDownList>
                            <x:Button ID="btnReset" runat="server" Text="重置条件" EnablePostBack="true">
                            </x:Button>
                        </Items>
                    </x:FormRow>
                </Rows>
            </x:Form>
其中红字部分我是希望定义好每个控件的宽度,我是希望在一行中显示,但是在IE9中会错行显示.在firefox中正常,不知道是bug还是对游览器的支持有问题
在IE9中显示如下:

在firefox中正常显示如下:

请帮忙解决,或者请提供其他解决办法