CSS| Achtergrond verdwijnt in het niets

Door Vincent op 20-05-2009 16:27

2.031 views

Goedendag,

Na lange tijd niet site's maken probeer ik het vanaf vandaag weer op te pakken.
Het blijkt dat ik al veel van m'n kennis ben kwijt geraakt..
Dus hierbij mijn probleem:
Eerst de code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Broodje Baas</title>

<style type="text/css">
body{
	background-color: #F2F5ED;
	background-repeat: repeat-x;
	margin: 0px;
}

#content-div{
	background-color: grey;
	margin: 0px auto 0px auto;
	width: 800px;
	font-family: Century Gothic, sans-serif;
	font-size: 14px;
	clear: both;
}

#boven{
	background-color: #FFC200;
	width: 100%;
	height: 120px;
}

#menu{
	background-color: #FF5B00;
	width: 100%;
	height: 40px;
}

#upperimage{
	background-color: #B80028;
	width: 100%;
	height: 140px;
}

.left{
	background-color: #84002E;
	width: 390px;
	margin-top: 20px;
	float: left;
	clear: both;
}

.right{
	background-color: #4AC0F2;
	width: 390px;
	margin-top: 20px;
	float: right;
}

#bottom{
	background-color: #FFC200;
	width: 800px;
	height: 20px;
	clear: both;
	margin-top: 20px;
	float: left;
}


</style>
</head>
<body>

<div id="content-div">
	<div id="boven">
		<br />
		<br />
	</div>
	<div id="menu">
		<br />
		<br />
	</div>
	<div id="upperimage">
		<br />
		<br />
	</div>
	<div class="left">
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
	</div>

	<div class="right">
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
	</div>

	<div class="left">
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
	</div>

	<div class="right">
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
	</div>

	<div id="bottom">
		<br />
	</div>
	
</div>

</body>

</html>

Nu het probleem dat de grijze achtergrond kleur van de content div weg valt:

Het komt volgens mij door de floats maar heb geen idee meer hoe ik het moet oplossen..
Hoop dat jullie mij verder kunnen helpen?

Groeten, Vincent