Background color wont appear

Hi all,

Im relatively new to CSS, but I have ran into a problem with my external style sheet, I have set a background color withing the style sheet, and when I call the div id tag for that part it does not appear in any web browser.

Can someone help me please.

Heres the CSS file


html, body{
text-align: center;
font-style:normal;
font-size: 10pt;
font-family: sans-serif;
padding:5px;
}
* 
{
margin: 0;
padding: 0;
border: none;
}
#container{
width:800px;
margin: auto;
text-align:left;
}
#banner{
width:800px;
height:179px;
}
#margin{
height:8px;
width:800px;
background-color:black;
}
#navigation{
height:27px;
width:800px;
background-color:#D2D2D2;
}

Heres the HTML file


<html>
<head>
<link rel="stylesheet" href="main.css" type="text/css" />
</head>
<body>
<div id "banner">
<object width="800" height="179">
<param name="movie" value="miniNavigation.swf">
<embed src="images/miniNavigation.swf" width="800" height="179">
</embed>
</object> 
 
</div>
<div id "margin">
</div>
<div id "navigation">
</div>
 
</body>
</html>