asp.net - IE9 標準モードと Compability View モードの配置

Question

次の aspx コード フラグメントがあります。IE9 標準モードでは、1 番目の listLabel の左側に何もなくても、1 番目の listLabel は引き続き右側にフラッシュされ、残りの listLabels とその ListBox に対して 1 行下に移動します。IE9 互換表示モードでは、すべての listLabels と ListBoxes が同じ行にあります。多くのCSS設定を試しましたが成功しませんでした。フロートを使用しないことを好みます。なぜこれが起こっているのか、問題を解決する方法を知っている人はいますか? ありがとう。

label.listLable
{
    /*vertical-align:top;*/
    font-weight:bold;
}


    <asp:Content ID="pageContent" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
        <div>
            <div>
                <label for="<%=listPcpPanel.ClientID%>" class="listLable">Panel: </label>
                <asp:ListBox ID="listPcpPanel" runat="server" SelectionMode="Multiple" Rows="1">
                    <asp:ListItem Value="&lt;----- All -----&gt;" Selected="True"></asp:ListItem>
                </asp:ListBox>
                <label for="<%=listFacilityService.ClientID%>" class="listLable">Service: </label>
                 <asp:ListBox ID="listFacilityService" runat="server" SelectionMode="Single" Visible="true" Rows="1">
                    <asp:ListItem Value="&lt;---Select one---&gt;" Selected="True"></asp:ListItem>
                </asp:ListBox>
                <label for="<%=listRole.ClientID%>" class="listLable">Role: </label>
                <asp:ListBox ID="listRole" runat="server" SelectionMode="Multiple" Visible="true" Rows="1">
                    <asp:ListItem Value="&lt;----- All -----&gt;" Selected="True"></asp:ListItem>
                </asp:ListBox>
            </div>
        ...
        ...
        </div>
    </asp:Content>

Answer 1

<asp:content> の最初の <div> 子を削除することで解決しました。