はてな CSSで突っ張り棒

「左」「中」「右」の3画像で
ウィンドウ幅に合わせて伸び縮みする棒のようなものを作る。
ただし、CSSのみで実現するものとし、
http://homepage.mac.com/eijiiio/golive/igocs322.htmlのように
imgタグを使ってはいけない。

参考) テーブルレイアウト

幅の下限を固定するために
CSS2のプロパティ min-width (N6～, O6(inherit未対応), O7, IEは未対応) を使った。
IE6SP1でも幸運なことにcenterのmarginのおかげで上手くいく。