我的目标是在#container div的左侧和右侧添加一个阴影，其宽度为960像素。
#container本身包含标题，导航菜单，主要内容，侧边栏和脚。但是，由于图形，标题本身会从#container中引出自定义宽度。
因此，它不会在右侧和左侧添加阴影。只有导航菜单需要下降。这是因为标题设置为自定义宽度，并突出超出#container本身。已经突然出现的事物左右的阴影将破坏美学。
为了更好的可视化，我的网站看起来类似于http://www.doubleyourdating.com/，但是标题元素突出显示在两边。
我试图在#container的左侧和右侧添加一个阴影，从导航菜单中，使用以下解决方案：
>我Photoshopped了一个1px高，1010px宽的图像，其中包含一个25px的“褪色”在两端。我将CSS作为#container div背景图像CSS，但可能是因为#container本身设置为960px宽，不能显示1010px宽的背景。请注意，在这个简单的2列布局中，更改960px宽度会造成一系列的死亡。
>我尝试在容器div中“悬挂”一个临时的影子盒子，但是这不起作用，因为我的标题具有比容器更宽的自定义宽度。
我该如何使这项工作？
解决方法
你可以尝试这样的东西：
Box-shadow: 6px 0px 5px -5px #999,-6px 0px 5px -5px #999;
当然，mess around with the values，直到它适合你。
