Div's und Prozentangabe

[Beluga]

Hallo zusammen,
Möchte einen Div-Layer anlegen und ihm per CSS eine Größe und eine Breite zuweisen. Mein CSS sieht also so aus:

div.header {  
	width: 100%;  
	height: 10%;  
	background-color: red;  
}

Als Ergebnis sehe ich allerdings garnix.
Füge ich nun in mein Div-Tag den Buchstaben 'a' ein, sehe ich einen roten Balken mit einer an die Schriftgröße angepasste Höhe und 100% Breite.
Setze ich height auf 100px wird der Balken höher, setze ich width auf 50% halbiert sich die Breite.

Jetzt zu meiner Frage:
Wieso funktionieren meine Prozentangaben bei der Breite einwandfrei, bei der Höhe dagegen garnicht?

Wäre Euch dankbar, wenn Ihr bißchen Licht in's Dunkel bringen könntet.