Background image resized

I have this question been a long while and have done couple times attempts to resize the background image reached the dividend bar, but unsuccessfully.
body {
margin: 0px;
padding: 0px;
behavior: url('catalog/javascript/png/iepngfix.htc');
background: url('../image/background.png') top repeat-x;

I removed the word “top” and the background color spread cover the site…. In fact, I want to have another background color on the body. I inserted another backgroud:url link, didn't work

Where I should go with and what additional code would need to split to two parts of background image??

This is the background image : background.png
It is a line with color fading that is repeated once across the top of the page.
You would have to created a new image what ever size you want and place in image folder.

Thank you bthirsk! I never thought to sizing the image its own. I created one that I like...