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

Sob*_*net 5 html css scrollbar

我有下一个HTML:

<div id="container">
   <div id="content"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

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

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

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

overflow-x:hidden不起作用.

谢谢

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