html – 隐藏由特定div引起的水平滚动条

我有下一个 HTML：

<div id="container">
   <div id="content"></div>
</div>

容器div的宽度为1050像素,仅包含垂直重复的阴影背景.

内容div为950px宽,位于容器div(水平)的中间并包含内容.

我需要什么 – 只有当浏览器窗口小于内容div时才会出现水平滚动条,但容器div不会导致滚动条出现.我该怎么做？

overflow-x：hidden不起作用.

谢谢

http://jsfiddle.net/98Eqf/1/

解决方法

http://jsfiddle.net/hobobne/98Eqf/2/