html - スクロールバーの有無に関係なく固定幅のコンテンツ

Question

コンテンツを動的にロードする Web ページに DIV があります。コンテンツが長すぎる (またはブラウザー ウィンドウがユーザーによって縮小された) 場合、垂直スクロールバーが DIV に表示されます。もちろん、DIV の幅はスクロール バーに合わせて縮小されます。ここまでは普通。

スクロールバーの表示に関係なくコンテンツの幅が変わらないように、スクロールバー用のスペースを確保する方法はありますか? 理想的には、CSS のみを使用します。

IE8+、および最新の Chrome、FF、Safari、Android、OSi で動作する

http://jsfiddle.net/spiderplant0/VUhDt/

#content{
    position: absolute;
    left:10px; top:10px; bottom:10px;
    width: 150px;
    background: yellow;
    overflow: auto;
}