html - HTML/CSS: JavaScript を使用せずに画面サイズに基づいて要素を調整する

Question

次のデフォルトの html 2 列スキームがあります。

<div id="page">
    <div id="header"></div>
    <div id="left"> sidebar stuff</div>
    <div id="right">
        <div id="topbar">
            <div id="menu">
                <ul>
                    <li><a href="#">A</li>
                    <li>B</li>
                    <li>C</li>
                </ul>            
                <div id="iconmenu">
                    <button>a</button>
                    <button>b</button>
                    <button>c</button>
                    <button>d</button>
                </div>

            </div>
            <div id="content">
                <div style="border: 1px solid black; height:400px">content</div>
            </div>
        </div>
    </div>
</div>

参照: http://jsfiddle.net/K9K8b/1/

JavaScriptを使わずに、アイコンバーを右側の位置にとどめたい(ウィンドウサイズを縮小するとき)。おそらく一種のプレースホルダーと最小/最大幅属性を使用して、これを行う方法はありますか?

どうもありがとう。