html表格的一侧加阴影,css – 仅在左侧和右侧制作阴影

我的目标是在#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中“悬挂”一个临时的影子盒子，但是这不起作用，因为我的标题具有比容器更宽的自定义宽度。

我该如何使这项工作？