Set a div width, align div center and text align left

Question

I have a small problem but I can\'t get it solved. I have a content header of 864px width, a background image repeated-y and footer image. Now I have this

Answer 1

Use auto margins.

div {
   margin-left: auto;
   margin-right: auto;
   width: NNNpx;

   /* NOTE: Only works for non-floated block elements */
   display: block;
   float: none;
}

Further reading at SimpleBits CSS Centering 101