@charset "utf-8";
/* CSS Document */


div# container {
margin-left: auto;
margin-right: auto;
width:168px; //or whatever your element width is
}


body {
text-align:center;
}


body {
text-align:center;
}
#container {
margin-left: auto;
margin-right: auto;
border: 1px solid red
width: 170; // element width must take account of any padding and borders
// all text must have it's own align value when the body
// align is centered so add this next line too-
text-align: left;
}
// CSS centering method 4 (Hicks method)
#container {
background: #ffc url(yourImage.jpg) repeat-y center;
position: absolute;
left: 50%;
width: 168px; // your elements width
margin-left: -84px; // negative value equal to half your elements width
}