[kaddo]

Hallo..
Ich habe folgendes Problem mit meinem Design...



Und zwar ist der Seiteninhalt meines Projekts von der Länge her größer als die Navigation. Wie bekomme ich jetzt die rot-gestrichelte Linie (die natürlich den Abstand zwischen Navigation und Footer darstellt!) Weg?
Also kurz: Wie verhindere ich den Abstand zwischen Navigation und Footer?

Meine styles.css -Datei lautet wie folgt:

style{width:100%}
html,body{margin:10;padding:10;backgroundAFFB3}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0px 10px 10px}
a{padding:5px; text-decoration:none; color:#000000;width:100%}
div#header{background-color:red;}
div#header h1{height:100px;line-height:100px;margin:0;padding-left:100px;}
div#container{text-align:left;background:white}
div#content p{line-height:77;margin-right: 60px}
div#navigation{background:#B5FF66;}
div#navigation ul{margin:15px 0; padding:0; list-style-type:none;width=100%}
div#navigation li{margin-bottom:5px; background:white}
div#extra{background:#B5FF66;height:100%}
div#footer{background:#BFBD93;}
div#footer p{margin:0;padding:5px 10px}
div#container{width:900px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px}
div#navigation{float:left;width:150px;margin-left:-900px;height:100%}
div#extra{float:left;width:150px;margin-left:-150px}
div#footer{clear:left;width:100%;background:#B5FF6 6}

Wobei im Style.css gleich die erste Zeile

style{width:100%}

völlig unbedeutend wäre, da sie anwesend oder nicht keinen Unterschied bring (bei einem anderen Problem ein Versuch gewesen)

Ich würd' mich freuen wenn mir jemand helfen könnte ..
Bitte bekommt keine Krämpfe *lach*. Mit meinen 16Jahren ist mein Wissen noch nicht allzu Groß :>

LG, Kaddo

EDITGRUND: Bild wurde nicht angezeigt

EDIT:
Ah, habe es herausgefunden. Habe im #div der Navigation und im #div extra die höhe von 100% auf 1000px gesetzt.

Aber wie mache ich es, das es Automatisch ist und von Seite zu Seite anders sein kann?