# Background color wont appear

**URL:** <https://forum.kirupa.com/t/background-color-wont-appear/225779>\
**Category:** web dev\
**Created:** [May 15, 2007, 4:13pm UTC](https://forum.kirupa.com/t/background-color-wont-appear/225779 "2007-05-15T16:13:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![DeringerColt](https://avatars.discourse-cdn.com/v4/letter/d/45deac/32.png) [@DeringerColt](https://forum.kirupa.com/u/DeringerColt)\
**Post date:** [May 15, 2007, 4:13pm UTC](https://forum.kirupa.com/t/background-color-wont-appear/225779/1 "2007-05-15T16:13:33Z")

</div>

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

```auto

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

```auto

<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>

```
