Css background img + background color

[missanna]

Hi, I want a background img and also background color, because the background image is not that big, just half the page and then the rest is white color, but then i want same color as the background have at the bottom so it looks like they are connected, but how to do this, i know i have done this before...

body {
margin: 0;
font-family: arial, helvetica, sans-serif;
font-size: 0.72em;
color: #333333;
background: #000000;

background: url("http://www.spacetelescope.org/static/images/background.jpg") repeat-x;
line-height: 17px;
}


^^ that how it looks in my css, but only the image is showing not the baground color i have choosed there, i also tried with background-color: #0000000 but that didnt work either, if i remove the image then its black #0000000 color at the background but not when i have image background 2, i want them both.... i have fresh install, nothing changed....

[kuroi]

You're setting your background twice, so the second one replaces the first.

When you had the color listed separately the same thing happened, since the "background" style replaces all the individual elements that preceded it such as background-color.

You have two options:

either use backround-color, background-image, etc to set each part separately

OR

combine them into a single statement such as
background: #000000 url("http://www.spacetelescope.org/static/images/background.jpg") repeat-x;

[missanna]

ahh yes now it worked!
Thanks man, really appreciate it!