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

其最有可能的保證金問題，但使用的包裝一起包裝的一切，並給它的顏色相同的背景形式:)