ブラウザによる表示の違い

背景の表示結果の違いに悩んでいます。

IEではｻｲﾄﾞﾊﾞｰ、記事等のコンテンツ部分の背景は最下部までは黒い背景色で、両サイドの余白部分のみ栗色系の背景色で表示されます。

ところが、FireFoxではコンテンツ部分を含む全ての背景が栗色系で表示されてしまいます。

IEでの表示結果を基準にデザインを統一したいのですが、どのような解決法がありますでしょうか。
よろしくお願いいたします。

ブラウザの違いというより
不正なタグ、整合の取れていないタグのためです。

プラグインの「麻衣コミュニケーション」の所

<script language="JavaScript" src="http://www.mai-kuraki.biz/news/mainews_euc.js" charset="EUC_JP" /></script>

を

<script language="JavaScript" src="http://www.mai-kuraki.biz/news/mainews_euc.js" charset="EUC_JP" ></script>

の様に修正下さい。

おなじく「A oneclick donation」の

<img src="http://image.blog.livedoor.jp/ao_mark/imgs/b/7/b790f570.gif" width="120" height="60" vspace="1" border="0" alt="dff.jp クリック募金"</a>

の所

<img src="http://image.blog.livedoor.jp/ao_mark/imgs/b/7/b790f570.gif" width="120" height="60" vspace="1" border="0" alt="dff.jp クリック募金" /></a>

の様に変更下さい。

同じく「Recent Events」今後の公演予定の所
とにかく</div>がありません
これが原因だと思われます。
<div>と</div>は、ペアになっていないといけません。
指定する範囲の終わりに</div>をちゃんと付けて下さい。

ここをごらんください。
　　　↓


いかにIEがダメであるか、サンプルを示しながら検証しています。
Microsoftは"W3C"の取り決めを守らず、「オレんちのブラウザ」を強引に流通させているのですってね。市場占有率が高いから良いブラウザとは言えません。"W3C"の取り決めを遵守してこそ良いブラウザといえるのです。

BLUEPIXYさんが指摘されていることは、"W3C"が決めた約束をFirefoxが厳しく遵守しているからこその現象です。
IEはいい加減な記述でも勝手に解釈して処理している部分があり、これがいつかは重大な問題になって顕在化し、ユーザに多大の迷惑をかけることになると思います。

上記サイトではこんなことを述べています。
　　　↓
へっぽこ業者にウェブページの制作を発注すると、マイクロソフト社独自仕様のページになってしまい、他の"W3C"準拠ブラウザで閲覧すると問題が多数発生します。

IE8なんてメタメタにこき下ろされていました。
暇潰しに読んでみて、仰天してください。「IE利用税」なんか、IE利用にブレーキをかけるための、なかなか良い発想だと思いますよ。