CSS Bildhöhe Dynamisch anpassen

Heyho,
Ich bastel mir gerade mit CSS Einen kleinen Header zusammen, und möchte das er Dynamisch auf alle größen anpassbar ist.
Nun habe ich das problem, das die seitenbreite angepasst wird aber bei der höhe nicht.
Das Bild ist im Anhang wie es aussieht, aber wie behebe ich das?

#header {
	background-image: url(../img/header.png);
	width: 100%;
	height: 370px;
	background-repeat:no-repeat;
	background-size: 100%;
}
//anwendung
<div id="header"></div>

Das BIld ist nur ein Gefundener Header als Platzhalter.
Wäre sehr dankbar wenn mir jemand sagen könnte, was ich falsch mache und wie ich es besser machen könnte.

Zitat von LeijaT

Wenn du ne statische Höhe von 370 Pixeln angibst, kann das Resultat ja wohl auch kaum dynamisch arbeiten :p

Das ist mir bewusst, ich hab auch etliche andere varianten die mir google ausspuckte versucht, aber dann war das bild immer weg.
Deswegen zeig ich den jetzigen stand

@DjKiller:
Jap habe ich, dann ist das Bild weg.

Zitat von xGreekz7x

Hiermit sollte sich dein Problem beheben: background-size: 100% 100%;

Wie gesagt wenn ich die höhe wegnehme ist das bild komplett weg, könnte es auch an der navbar von bootstrap liegen?

#header {
	background-image: url(../img/header.png);
	width: 100%;
	background-repeat:no-repeat;
	background-size: 100% 100%;
}

@Blackace:
Ich habe leider keine ahnung davon, und google ist auch nich soo verständlich..