jQuery slideDown问题

Question

单击登录按钮时，会在slideDown事件运行时显示一些空格。 导致那个空白区的原因是什么？

这是页面 - http://rssreaderbg.net/pubsubbub/example/cssexam/index.php

---

$("#login").click(function() {
    $("#loginform").slideDown();
    $("#home").attr("class","");
    $("#login").attr("class","selected");
});

---

#nav {
    float:left;
    margin-left:100px;
    padding-top:17px;
    list-style-type:none;
}

#nav li {
    display: inline-block; /*  ??? ??????? ?? ????? ?? inline*/
    padding-right:0px;
    float:left;
}

#nav a {
    display: inline-block; /*  ??? ??????? ?? ????? ?? inline*/
    padding-left:9px;
    float:left;
    height:52px;
    color:white;
    float:left;
    font:28px Microsoft Sans Serif;
    text-decoration:none;
    background: url(left.png) no-repeat;
}

#nav a strong {
    display: inline-block; /*  ??? ??????? ?? ????? ?? inline*/
    padding:6px 19px 0 0;
    margin-left:9px;
    height:52px;
    float:left;
    padding-top:10px;
    cursor:pointer;
    background: url(button.png) no-repeat right top;
}

#nav a:hover{
    background: url(lhover.png) no-repeat;
}

#nav a:hover strong {
    background: url(lbutton.png) no-repeat right top;
}
#nav a.selected {
    cursor:default;
    background: url(lhover.png) no-repeat;
}

#nav a.selected strong {
    cursor:default;
    background: url(lbutton.png) no-repeat right top;
}
#nav a.selected:hover {
    cursor:pointer;
    background: url(lhover.png) no-repeat;
}

#nav a.selected strong:hover {
    cursor:pointer;
    background: url(lbutton.png) no-repeat right top;
}

Answer 1

它很可能是一个边缘问题，但是使用包装器将所有内容包装在一起并为其提供与表单颜色相同的背景：）