userContent.css と mixi

Firefox 1.5 以降では @-moz-document ルールなる Mozilla 独自拡張 CSS が使えるっつーことで，mixi の各ページの瑣末な部分をちょこちょこ修正している途中．例えば，ブラウザウィンドウのサイズを常に 800 * 600 に固定してないと落ち着かない俺にとって mixi のページは常に水平スクロールバーが出るからイヤ，ということで幅を 770px 程度に縮小してみたり．ある程度まとまったら公開するつもり．

いやー，mixi は table レイアウトを駆使してるってことは把握してたけど，実際にソースをじーっと眺めたり Web Developer で table 要素の入れ子の深さを表示させたりするとその異様さに驚愕するわ．「深さ=7」 ってどーゆーことよ．「もっと読む」 とかの右寄せのためだけに table を 1 つ使うってどーゆーことよ．table レイアウトそのものの是非は横に置いておくにしても，いくらなんでももっと簡潔に書けるやろ．

レイアウトや配色の大部分を HTML 側で指定している mixi のページに対して userContent.css でできることはあんまりないのかも．子セレクタやら隣接セレクタやら属性セレクタやらを使いまくるしかないのか．