Safari（サファリ）対策

Macの標準ブラウザであるSafariで当ブログを見ると　体裁が少し乱れるという問題を解消しました。
（おそらく数パーセントのユーザーでしょうか。）

◇左メニューの黄色の背景色が右にはみ出してしまう。⇒背景色をはずす。
◇左メニューの見出しの背景色が右にはみ出してしまう。⇒２種類のサイズを設定する。
◇右メニュー見出しの背景画像が寸足らずになる。⇒背景画像をはずす。
後日追記：背景画像の左右を大きく作り直すことで解消しました。↑

CSSに書き加えたもの。（一部抜粋）

/* 左メニュー背景【Safari対策】 */
#menu {
background-color: #FFFFCC;#
}

/* 左メニューの各見出し【Safari対策】 */
.menuBar {
width: 174px;#
}

/* 右メニューの各見出し【Safari対策】 */
.lgBar {
background-image: url(http://blogimg.goo.ne.jp/user_image/...);
background-repeat: no-repeat;#
}

#　を後ろに入れるとSafariはそのスタイル定義ブロック全体を読まないという特性を利用したものです。
後日追記：バージョンによってちがうのでしょうか。最新のSafari4で試してみたところ、# は後ろではなく前に挿入しないといけないようです。

でも、FireFox（Mac版）で見ると全く改善されておらずガックリ。
世の中　ブラウザ多すぎです。

おまけ：左メニューにはSafariとFireFox（Mac版）だけに見えるスクロールバーがあります。（隠れキャラか・笑）