Nu har jag kört fast. Jag förstår inte varför det inte fungerar.

Det här är koden jag använder.


HTML:

<div id="wrapper">

<div id="header">


</div><!-- end Header -->

</div> <!-- end Wrapper -->


CSS:

#wrapper{
position: inherit;
width: auto;
margin-left: 0 auto;
margin-right: 0 auto;
z-index:2;
}

#header{
background:url(images/header_bg.png);
width: 916px;
height: 209px;
background-repeat: no-repeat;

}


Hur centrerar jag en div så att det också fungerar i alla webläsare?

http://www.infinitywebdesign.com/research/cssverticalcentereddiv.htm

Det är en hel del som behöver fixas:

Du kan ta bort position: inherit eftersom det kan skapa problem.
För att centrera en div måste den ha en fast bredd. t.ex. 500px eller 50% eller liknande. Auto fungerar inte (då blir den 100% och alltså inte centrerad.
Du ska antingen skriva margin: 0 auto; eller margin-left: auto; margin-right: auto; Som du gjort nu kommer den sätta margins till 0 och inte förstå vad du menar med auto.
z-index är onödig eftersom den inte kommer "floata".