3カラムのブログがMac(Firefox)で見るとズレます。
全てのブラウザでキレイに見れるようにするのが不可能
ならば少しでもまともにMacでも表示されるように直したいです。

3カラムのブログなのですが、WindowsのIEで閲覧すると
キレイに表示されるのですが、MacのFirefoxで閲覧すると
左のカラムと記事が右側にズレている感じの表示で、
写真や、記事の日付などが重なって表示されてしまいます。
ブラウザにもよるでしょうが、どこをどう直したらMacでも
キレイに(少なくとも今よりはまともに)表示されるのか、
教えて頂けたら幸いです。
同じような質問を探して対処法を試してみたりもしました。
ヘタにいじるとWindowsでも崩れてしまうと困りますので、
一時中断しています。

全てのブラウザでキレイに見れるのは不可能という意見も
ありました。もし本当にそうなら仕方ない事ですが、
ズレかたのケースも人それぞれで、対処法も違うと思い、
質問させて頂きました。よろしくお願い致します。

現状ＣＳＳで

#content{
	width:380px;

#blog{
	width:500px;

となってますけど、
上位要素である #content の幅が３８０ｐｘなのに対し
下位要素である #blog の幅が５００ｐｘなのが
はみ出る原因だと思います。

細かく横幅を規定する意味もあまりないようなので、
この２つのwidth 指定の行を削除してみたらどうでしょうか。

デザインテンプレートが古いので、本格的に直すのは手間がかかりそうです。もし簡単にIEとFirefoxで同じように表示するのであれば、「デザインのカスタマイズ」から「スタイルシート」を開き

#content{
 float:right;

の部分を「right」から「left」に変更してみては如何でしょうか。今は「プラグインエリアＡ」「本文」「プラグインエリアＢ」という並び順が「本文」「プラグインエリアＡ」「プラグインエリアＢ」という並びになりますが、IEでもFirefoxでも同じように見えると思います。