四箱問題のようなオモチャがあると（自分で作ったんだが）「どうすれば人を騙せるか^^？ 変わったCSSはできないかー 悪い子、泣く子はおらんかー」と、そればっかり考えてしまいブロガーとしての本業（何？）がオロソカになるので、この辺でまとめておきます。
あーでもないこーでもないと考えたレイアウトは問題が解かれたら、ハイそれまでョ、でしょうか。テクニック（と呼べるほどのものではありませんが）は実際のWEBページにフィードバックして、ナンボのものだと思います。
ルールで使われた構造<div id="main"><div id="hoge"><span>は、それぞれ<ul id="menu"><li id="hoge"><a>のようなメニューリストに置き換えて考えることができます。四箱問題が最初からリストだったらこんなデザインは（自分の中からは）生まれなかったでしょう。というか、こういうデザインをするなら、やっぱ背景画像ですか。
抽象的な<div>（箱）でレイアウトを実現してみて、それをHTMLの似た構造部に当てはめてみる――当初はCSSデザインそのものとHTMLのリスト構造の文章とが無関係である――というのも逆説的にWEB標準と言えるのではないか、と思います。