Altid centreret

Hej eksperter,

Jeg er ved at lave en hjemmeside som jeg vil har centreret.
men jeg kan kun få headeren til at blive centreret, men ikke bodyen.

her er html'en til det jeg vil have centreret:

<div id="sliding-background">
       
<div id="main-bg">
           
<span id="first_img_margin">
    <img src="images/bg_side1.jpg" />
</span>
               
        <span id="img_margin">
        <img src="images/bg_side2.jpg" />
                </span>
               
        <span id="img_margin">
        <img src="images/bg_side3.jpg" />
        </span>
        <span id="img_margin">
        <img src="images/bg_side4.jpg" />
        </span>

og her er det css som er tilknyttet til det:

#sliding-background {
   
   
    height: 517px;
    width: 9700px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
   
}

#main-bg {
    display: none;

#img_margin{
margin-left:573px;

}



#first_img_margin{
margin:0 auto;
}

Jeg forstår virkelig ikke hvorfor det ikke virker.
Jeg håber der er nogen som kan hjælpe mig.

Tak