[SOLVED] div with relief div

[Lodius2000]

my css sucks, I have a white div, and I want a gray div behind it with relief, like a poor man's drop shadow

 

heres my code for the white box

.container
{
background-color: #ffffff;
width: 701px;
margin-left:auto;
margin-right:auto;
margin-top: 35px;
text-align:center;
padding-bottom: 30px;
}

 

then the html

<div class="container">
<p>some</p>
<p>content</p>
</div>

 

 

feel free to change .container (I think this is going to require the creation of an even larger container to hold the white and gray boxes), but it must be centered on the page, be 35px down from the top and have 30 px of padding on the bottom

 

the gray box I want to be 7 pixels to the right and 7 to the bottom, like in the sample image I attached (though it is not to scale)

 

can someone please help, Ive been scouring the web and tried about 10 or so methods but I cant seem to adapt them to what I need.

 

thanks a lot

 

[attachment deleted by admin]