Mijn div's zitten niet tegen elkaar aan?

Hoe kan ik dit verhelpen?

Code:
<html>
<head>
<style type="text/css" media="screen">
#container {
width: 800px;
height: 135px;
}

#bar {
height: 10px;
width: 800px;
background: #d6dfa1;
}
#header {
height: 100px;
width: 800px;
background: #4b4b4c;
}
#menu {
height: 25px;
width: 800px;
background: #d6dfa1;
}
</style>
</head>
<body>
<div id="container">
<div id="bar">
bla
</div>

<div id="header">
<h4>header</h4>
<p>...</p>
</div>
<div id="menu">
<h4>Middle Col</h4>
<p>...</p>
</div>
</div>
</body>
</html>

Groetjes, Robin.
html, body, div {margin: 0; padding:0;}
* {
margin: 0px;
padding: 0px;
}
bovenaan je code

[edit]Ach, jaa Telaat..[/edit]

Reageren