html - 2 つの div 要素間のスペースの起源が不明です

Question

PHP ページで、2 つの div 要素 (div ヘッダーと div コンテンツ) の間にかなりのスペースがあり、それがどこから来ているのか、なぜそこにあるのかわかりません。

HTML:

...
<div id="header">
HEADER
</div>
<div id="content">
  <h3>Login</h3>
  <form action="login.php" method="post">
...

CSS:

html {
height: 100%;
}

body {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
border-style: none;
background: black;
}

#header {
margin: 0px;
padding: 0px;
height: 15%;
width: 100%;
border-style: none;
background: #02F72F;
text-align: center;
}

#content {
margin-top: 0px;
padding: 0px;
height: 70%;
width: 100%;
border-style: none;
background: white;
text-align: center;
}
...

実装すると、2 つの div を視覚的に区切る長い黒いバーが表示されます。背景を黒に具体的に変更したため、黒であることはわかっていますが、マージンとパディングを 0 に設定すると、最初にスペースがある理由がわかりません。div 要素にはデフォルトの間隔がありますか?どうすればこれをオーバーライドできますか?