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

它很可能是一个边缘问题，但是使用包装将所有东西包装在一起，并给它一个与表单颜色相同的背景:)