CSS列出奇怪的行为

Question

我有以下CSS：

div#topWrap div#advancedSearchWrap
{
    width:738px;
    border:solid 1px #dadada;
    background-color:#fffcd9;
    margin-top:4px;
    padding:10px;
    display:none;
}

div#topWrap div#advancedSearchWrap ul
{
    width:798px;
    margin:-20px 0 0 -60px;
    float:left;
}

div#topWrap div#advancedSearchWrap ul li
{
    margin-left:60px;
    display:inline;
    float:left;
    background-color:Red; /*<- for viewing purposes*/
}

div#topWrap div#advancedSearchWrap ul li h6
{width:auto; float:none;}

以下XHTML：

<ul>
    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:DropDownList ID="ddlXXX" runat="server" Width="338">
            <asp:ListItem Text="XXX" Value="XXX"></asp:ListItem>
        </asp:DropDownList>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:DropDownList ID="ddlXXX" runat="server" Width="338">
        </asp:DropDownList>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:RadioButtonList ID="rbXXX" runat="server" RepeatDirection="Horizontal" Width="338">
            <asp:ListItem Text=" XXX " Value="0"></asp:ListItem>
            <asp:ListItem Text=" XXX " Value="1"></asp:ListItem>
        </asp:RadioButtonList>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>
</ul>

这是我的输出：

alt text http://img109.imageshack.us/img109/6909/79978930.jpg

但是我在其他页面上有完全相同的东西，删除了两个DropDownList控件（=选择）。

该页面呈现如下:(这是正确的方法）

alt text http://img513.imageshack.us/img513/8169/ss2x.jpg

我删除了两个有问题的控件......这很好。但是我不知道我应该使用什么CSS属性来解决这个问题。 所有浏览器（IE7，IE8，谷歌Chrome，FireFox等）都会出现问题

Answer 1

我自己修好了。

解决方案是在“ div #topWrap div＃advancedSearchWrap ul li ”中添加“ min-height ”。 它也适用于“高度”，但由于我有dinamic内容，我选择了“min-height”。

无论如何，对于每个尝试过它的人来说都是如此。老实说，我真的很省心你的时间和精力。