Скрыть горизонтальную полосу прокрутки, вызванную конкретным div

У меня есть следующий html:

Контейнерный div имеет ширину 1050 пикселей и включает только теневой фон, который является повторяется по вертикали.

Блок содержимого имеет ширину 950 пикселей, расположен в середине блока div (по горизонтали) и включает содержимое.

Что мне нужно - чтобы горизонтальная полоса прокрутки появлялась только в том случае, если окно браузера меньше content div, но контейнерный div не должен вызывать появление полосы прокрутки. Как это сделать?

overflow-x: hidden не работает.

Thx

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