引用スペースのCSSですが、ふつうは BLOCKQUOTE を使うのですが、どこかで、いや「Q」を使うんですよみたいなのを見て以来(2004/2/17の記事)、それの方がいいのかなと思いずっとそうしてきました。
しかし、これだとFireFoxでご覧の方は3カラムトップページで見てると引用スペースが真ん中の記事の幅を突き抜けてしまっていて読みづらかったかと思います(最近はFireFoxもかなり利用されてきているようですし)。
いままでは↓こうでした。

Q {
PADDING-RIGHT: 0.9em;
DISPLAY: block;
PADDING-LEFT: 0.9em;
PADDING-BOTTOM: 0px;
MARGIN: 10px 15px 10px 25px;
BORDER-LEFT: 5px solid #A0522D;
WIDTH: 100%;
COLOR: #A52A2A;
LINE-HEIGHT: 1.5;
PADDING-TOP: 0.3em;
BACKGROUND-COLOR: #FFEBCD;
}
Q SPAN.quotetitle {
FONT-WEIGHT: bold; BORDER-BOTTOM: #000 1px solid
}

それで何がおかしかったのかよくわからなかったのですが、とりあえず
MARGIN は LEFT のみにして、WIDTH を 100% から auto にしてみました。
そしたらFireFoxで見てもはみ出さずにうまくいったようです。
それがこちら↓

Q {
PADDING-RIGHT: 0.9em;
DISPLAY: block;
PADDING-LEFT: 0.9em;
PADDING-BOTTOM: 0px;
MARGIN-LEFT: 1.5em;
BORDER-LEFT: 5px solid #A0522D;
WIDTH: auto;
COLOR: #A52A2A;
LINE-HEIGHT: 1.5;
PADDING-TOP: 0.3em;
BACKGROUND-COLOR: #FFEBCD;
}
Q SPAN.quotetitle {
FONT-WEIGHT: bold; BORDER-BOTTOM: #000 1px solid
}

で、これをどのように使っているかというとタグとしては

<q><span class="quotetitle"></span><br /></q>

これをIMEの単語登録にでもしておいてすぐに出せるようにして実際には

<q><span class="quotetitle">タイトル</span><br />本文だよーーーーー
つづき
おわり</q>

と書けば
タイトル
本文だよーーーーー
つづき
おわり
のように見えます。

まぁ、いまさらですが、ちゃんと見えた方がいいですよね。
Macではどうだかは確認できてませんが。。
WinのOperaでも大丈夫です。

※フォントを青字にしてる部分も本来ははCSSでそれ用に指定してタグで囲むべきなんでしょうが、面倒なので直接 <font color="blue"> なんて書いちゃってます。