that is because you have set the background color, and then overwritten it by using the background shorthand….
either move the background-color call after the background shorthand, or add it TO the shorthand…
Code:
body {
margin: 0;
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
background: url(image/marble.jpg) no-repeat;
background-position: center 32px;
background-color: #f4efe3;
}
OR—-
body {
margin: 0;
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
background: url(image/marble.jpg) #f4efe3 no-repeat;
background-position: center 32px;
}
the browser interprets your current code like this…
Code:
background: url(“image/marble.jpg”) no-repeat scroll center 32px transparent;
notice the transparent…. (because you didn’t specify, that is the default…)