【回答】CSSボックスレイアウトで3カラムリキッドレイアウトを実現する

皆様今晩は、本日綺麗な女性に囲まれて質問攻めにあう。と、いう羨ましい体験をした川端でございます。
先に謝っておきますが、中途半端な回答で胸のすくよう答えを求めて読むと腹が立つと思いますのでご注意下さい。
結局高さの問題を解決出来ませんでした。

お題編はコチラ
誰かこれのブラッシュアップ版が思いついたら是非教えて下さい。

でわ答え↓

(1)左に横幅50%のdiv、右に同じく横幅50%のdivを配置。

(2)左のボックスにさらにボックスを二つ入れる。右側のボックスは400px固定。左側は可変。

(3)右のボックスも同様。左に400ox固定、右側に可変のボックスを配置。

(4)中央に固定800px分できるdivは空にする。

(5)ポジションで中央に800pxのボックスを配置。

(6)万歳。

てな感じです。いわゆるネガティブマージンを利用したリキッドレイアウトを複数使用してなんとかしちゃったという状態。
やっぱjavascriptを使わないと無理なのかな〜。