Centering Header in Div?

[pab1953]

I have a header as a background image in a div. I want to center it but it won't. Any ideas?

Thanks.

[rocknbil]

Try

#header { width: 900px; margin: auto; }

for whatever your header width is, or

#header { text-align:center; }

Even if it's an image and not "text".

It's always helpful in any problems with positioning to put a border on the element temporarily to see what's happening:

#header { width: 900px; margin: auto; border: 1px solid #ff0000; }
#header img { border: 1px solid #00ff00; }

You'll see by default the div will be the full width of any element containing it.

[pab1953]

Rocknbil, margin:auto did the trick. Why?

(BTW Thanks!)

[samir0602]

sure this will help you

#header
{
width: "your page width";
margin: auto 0;
}