爲什麼我的表單div在底部？

爲什麼我的表單div在父div的底部？它希望我說更多，但問題已被問及，這很清楚......爲什麼表單div出現在我的頭div div的底部？我知道我可以破解它，並給它一個負面的頂部邊緣，但我知道這是不正確的形式。是什麼賦予了？謝謝。爲什麼我的表單div在底部？

HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<link rel="stylesheet" type="text/css" href="style.css"/> 
</head> 

<body> 
    <div id="header"> 
     <div id="logo"></div> 
     <div id="login"> 
     <input type="text" placeholder="EMAIL ADDRESS" value="" name="email" id="user"> 

     </div><!-- end login div --> 
    </div><!--end header div --> 

</body> 
</html>

CSS：

@charset "utf-8"; 
/* CSS Document */ 

body { 
    margin: 0px; 
    padding: 0px; 
} 
input { 
    float: right; 
    margin-left:15px; 
} 

#header { 
    background-image:url(images/headerGradient.png); 
    background-repeat: repeat; 
    margin:0px; 
    padding:0px; 
    width:auto; 
    height:72px; 
    display:block; 
} 

#logo { 
    background-image:url(images/logo.png); 
    width: 182px; 
    height: 66px; 
    vertical-align:middle; 
    margin-left: 60px; 
}

來源

2013-06-26 user2390059