Jquery IE7 CSS验证错误样式

我有一个使用UL和jQuery验证的登录表单。它在除IE7之外的所有浏览器中都很好（不担心IE6及以下版本）

在IE7中，包装label.error的li显示整个高度，即使label.error在该阶段是隐藏的

任何人都可以帮助我，我还没有找到一种用CSS解决这个问题的方法，我不想为了这么简单的事情求助于jQuery

这是url，当您单击右上角的“登录”时，将显示登录表单

---

谢谢

我将首先尝试将每个错误标签与其输入内容放在同一列表项中：

<li><input type="text" name="login_username" id="login_username" placeholder="Username ">
    <label class="error" for="login_username" style="display:none;">Please enter your username</label></li>

请输入您的用户名

这将消除导致额外换行的“空”列表项。如果设置了登录框的大小，则显示时消息应换行到下一行。（您甚至可以指定display:block而不是默认的display:inline）

就我个人而言，我不会对表单字段使用无序列表，我会使用一个字段集，并（在本例中）为输入和标签提供固定宽度和display:block。但那只是我

---

…我应该问…这样更改html是一种选择吗？

您好，谢谢。我尝试了这种方法，但label.error不支持页边空白顶部或底部样式，因此我仍然会遇到样式问题。Cheersah-如果使用display:block或display:inline block，则会出现这种情况。我不确定您是否可以使用$.show（）指定它；您可能必须显式地使用$.css（'display'，'block'）。