Centering my Title DIV

Question

http://we-live.in/the%5Fsierra - Towards the bottom of the page I have a div which contains an image of grass. How can I get the grass image to be centered horizontally on the page?

ok i got it centered now i need to move it lower down on the page

thanks

Answer 1

In your CSS, add the following

background-position:center top;

to the following:

#title{
  width:940;
  height:145px;
  display:block;
  background-image:url(images/header.jpg)
}

Additionally, you can also add the following

margin:auto;

But that may not be necessary if you are simply wanting the background image (the grass image) to be centered.