How to make background image align center via css?

Hi,

I tried to make my background image align center but it did not work. here is my css

#headerimage {
	clear: both; 
	background: #fff url(img/image.jpg) no-repeat 0 0;
	margin: 10px; 
	color: #fff; 
	height: 200px;
}

Code (markup):

please suggest me.

 

Try adding

background-position:center;

 

Thanks It's worked.

 

Note that this:

background: #fff url(img/image.jpg) no-repeat [color=red]0 0[/color];

Code (markup):

told the image to align top left. Had you left the "0 0" off, the default would have been to center vertically and horizontally. If you want to be explicit, use "center':

background: #fff url(img/image.jpg) no-repeat center;

Code (markup):

cheers,

gary

 

Thank Gary - I've been figuring out why one of my blogs when view higher resolution look out of position. I've fixed it - by following what you told above.

 

its old thread, but i am very help me.. after search in google

thanks mate

 

It also helped me."background-position:center;"