How to re-create that grey box?

[Speedie]

Hi,
I have some HTML in the header of my homepage that pulls some random shots from a particular gallery. What I'd like to do is re-create the SmugMug grey box that's in the background of the list of main galleries, and put it around the random shots as well. I tried putting this around it:

<div id="galleriesBox" class="box">

</div>and you can see the result here (http://www.digitalnature.co.uk). The width of the grey box is expanding to fill the page. Is there another div I need to wrap around it to set the width to be the same as the SmugMug box? Any help appreciated.

[Allen]

Hi,
I have some HTML in the header of my homepage that pulls some random shots from a particular gallery. What I'd like to do is re-create the SmugMug grey box that's in the background of the list of main galleries, and put it around the random shots as well. I tried putting this around it:

<div id="galleriesBox" class="box">

</div>and you can see the result here (http://www.digitalnature.co.uk). The grey box is expanding to fill the page. Is there another div I need to wrap around it to set the width to be the same as the SmugMug box? Any help appreciated.
I suggest changing the name to a new one like
<div id="MYgalleriesBox" class="box">
you can have only one ID named galleriesBox on the page.

#MYgalleriesBox {
margin: 0 auto;
width: 750px;
background: #ccc;
}

[Speedie]

Many thanks, that did the trick.