Div höhe 50%

[Lone Bull]

Salut,

Mein Problem:
Ich habe eine Seite, die soll in der Mitte folgendes Div haben:

#content{  
width: 100%;  
height: 500px;  
float: left;  
background: yellow  
}

Jedoch soll die höhe des Div's immer 50% der Seite betragen.

Was ich gefunden/versucht habe:
Einfach mit height: 50%; gehts nicht, da hab ich gemerkt ich muss Body grösser machen.
Dann machte ich die Body height: auf 100%. Hat funktioniert, aber nur beim Body und nicht beim Div.
Hab auch schon was von max-height und min-height gelesen. und beides ausprobiert. Aber leider hat nichts funktioniert :'(

Hoffe ihr könnt mir helfen
LG
LB