Help with border, not wrapping around body

Hello all. I have been lurking this website for a while now. I usually find all my answers within the posts I search through but I can't seem to find the answer to an issue I have.

If you look at my website template you can see that the border doesn't wrap around the body. Instead, it stays all the way to the left and right side of the page, with the site centered in the middle. What code should I use to correct this?

site:

www.mongkongclothing.com/store

My code in the stylesheet:

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 960px;
vertical-align: top;
}

#mainWrapperLeft {
width: ;
background-image: url(../images/borderleft.jpg);
background-position: top left;
background-repeat: repeat-y;
padding-right: 0px; /or whatever the shadow width is/
margin: auto;
}

#mainWrapperRight {
width: ;
background-image: url(../images/borderright.jpg);
background-position: top right;
background-repeat: repeat-y;
padding-right: 0px; /or whatever the shadow width is/
}

Thanks for the help!!!

Have you tried giving your extra containers a width?

Yes, I had them set for 7px and I still had no luck.

:blush: I meant give them the width of the mainwrapper plus the width of the borders.

CSS Tip: divs inherently expand to fill the space available.

Oh, lol. I am new to all this :laugh:

I will try that now.

Thanks!

i think those two new divs are wrapping maninwrapper which i think they should be on their own

double post

Kim:

:blush: I meant give them the width of the mainwrapper plus the width of the borders.

CSS Tip: divs inherently expand to fill the space available.

It Worked!!! Thanks!!:D

Ok, so my next question, haha

Is there a way to wrap a border around the left and right side of the body and a separate border around the left and right side of the header?