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