Set background image and background color - CSS

[garyjohnson]

I have a div that has an image as its background. But the image only covers up about 80% of the screen. I want to make the extra 20% of the screen to be black but its only coming up as white. How can I set the background images and the background color? This is my css,

#first_section_main{
    top:77px;
    min-width:1000px;
    width:100%;
    position:relative;
    height:500px;
    background-color:#3d3d3d;
    background: url(../images/first_section_bg.jpg) no-repeat center center;
}

How can I make the background color #3d3d3d?

[hericles]

The background property is a shortcut to combine all background commands into one, as opposed to having a background-color and a background-image.
So you are setting a background-color and then using the background: to say you don't want a color.
try:
background: #3d3d3d url(../images/first_section_bg.jpg) no-repeat center center;

[shophiarajan47]

The proper format is to do like this - background: url(image.jpg) #000 no-repeat;

You can refers all the backgroudn action like you want to do with you web page checking out this - http://reference.sitepoint.com/css/background