Help centering a div within a div

[Snot]

Hello,


I'm using css to make a box border with images around all of my content. I think i've got with box in order but i'm not sure how to make the div within the box center.

Right now the (.content div) against the left side of the <.content> div. I would like to have (.content div) horizontally centered within <.content>.

Any idea how I do that?



.content{
background: url(images/rr.jpg) center right repeat-y;
clear: both;
margin-right: 30px;
margin-left: 30px;
}
.content div{
background: url(images/ll.jpg) center left repeat-y;
width: 800px;
padding-top: 1px;
padding-bottom: 25px;
}



removed width and it works!!