css - 背景画像が div のサイズ全体に収まらない

Question

div に適用される css は次のとおりです。

#header{
    background-size: 100%;
    background: url('../img/header.png');
    width: 100%;
    height: 200px;
    border-bottom: 10px solid #b2d234;
}

写真でわかるように、下の境界線は幅全体に収まりますが、パディングやマージンが適用されていなくても、背景画像は幅全体にも高さにも収まりません。

どんなガイダンスも大歓迎です。

アップデート：

ズームアウトしたので、問題が簡単にわかります。問題は、背景画像が繰り返され、各繰り返しの間に小さなスペースがあることです。リピートなしのオプションを試しましたが、背景が一度しか表示されず、画面全体に表示されません。

写真を見てください：