ヘッダーについて教えてください。

/* ---ヘッダ--- */
#header {
background-image: url("./images/header.png");
background-repeat:no-repeat;
background-position: center;
width: 100%;
margin-top: 0; /* ヘッダのマージン */
height: 300px; /* ヘッダの高さ */
}

background-imageの画像サイズは930×300です。
画像の左右両脇に背景色を入れたいのですが、background-colorで指定しても入りません。
なぜでしょうか？