CSS Layout

[janos krebs]

Guten Tag,
ich habe folgendes Problem:
Ich habe mit CSS ein Layout erstellt und als externe Stylesheet gespeichert. Nun das Layout wird angezeigt sobald ich aber ein wenig mehr Inhalt in meiner HTML-Datei habe ist der Graue Menürand auf einmal weiß. Gibt es da eine Möglichkeit das der Rand mit dem Inhalt wächst. Hier mal mein CSS-COde:
/*-----body-----*/
body
{background-color:#FFFFFF; padding:0; margin:0;}
a {color: #000000; TEXT-DECORATION: none}
a:visited {color:#000000; TEXT-DECORATION: none}
a:hover {color: #ffffff; TEXT-DECORATION: none}
a:active { color:#ffffff; TEXT-DECORATION: none}
h2 {
 font-size: 1.7em;
 font-weight: normal;
}
/*-----Container-----*/
#container
{width:60em; margin:0 auto; padding:0; background-color:#FFFFFF;}
/*-----Banner-----*/
#banner
{margin:0; padding:0; height:3em ; background-color:#FFFFFF;}
/*-----Kopfzeile-----*/
#kopf
{background-color:#808080;}
/*-----Inhalt-----*/
#inhalt
{margin:0; padding:0; min-height:300px; background-color:#FFFFFF;}
/*-----Links-----*/
#links
{float:left; width:10em; min-height:500px; margin:0; padding: 0; background-color:#808080;}
/*-----Rechts-----*/
#rechts
{float:right; width:10em; min-height:500px; margin:0; padding: 0; background-color:#808080;}
/*-----Fußzeile-----*/
#fuss
{clear:both; background-color:#808080;}
Gruß
Janos