CSS3按鈕向下推動整個div

我想爲我的網站按鈕使用自定義CSS3按鈕生成器（http://www.cssportal.com/css3-button-generator/）嵌入一些CSS3。但是，它會產生一些煩人的問題。整個div被推向下！包括它的div CSS是：CSS3按鈕向下推動整個div

.login { 
    position: absolute; 
    right: 10px; 
    top: 10px; 
    color: #DDD; 
    font-size: 14px; 
}

而且按鈕的CSS：

.button { 
font-family: Arial; 
    color: #ffffff; 
    font-size: inherit; 
    padding: 7px; 
    text-decoration: none; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-box-shadow: 0px 1px 3px #666666; 
    -moz-box-shadow: 0px 1px 3px #666666; 
    text-shadow: 1px 1px 3px #666666; 
    border: solid #003366 2px; 
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#42aaff), to(#001a33)); 
    background: -moz-linear-gradient(top, #42aaff, #001a33); 
}

如果要檢查網站本身的HTML，它的http://www.nosfistis.com/

的#navbar

來源

2012-12-11 Mike Drakoulelis