How to clip left content using overflow-x: hidden

[lvzifer]

I want to clip content from left using overflow-x:hidden. By default its clipping content from right. I want the content to grow from left and as soon as it hits the parent boundary it should clip content from left instead of right. Any idea? Below is the current problem i am facing. \[code\]div {height: 120px;background: #666;overflow-x: hidden;overflow-y: hidden;white-space: nowrap;}\[/code\]http://jsfiddle.net/LxYGN/5/