IE6でのみCSSの背景が見えない

質問

度々すみません。
CSSで見出しの設定をしているのですがなぜか<h2>見出し2の背景画像だけIE6で見えません。
Nescape,safari,firefoxでは問題ありません。
しかも他の見出しは同じ手順で作成、記述しているのに全て見えています。すごく不思議です。
記述は下記の通りです。

//-----css
#main h2
{
font-size: 9px;
color: #FFFFFF;
background:no-repeat;
margin: 10px 0px;
padding: 0px;
height: 44px;
width: 595px;
font-size: 9px;
color: #FFFFFF;
height: 44px;
width: 595px;
margin: 8px 0px 0px;
}
.PROFILE { background:url(../image/ttitle_company.gif)}
.COUNSUL { background:url(../image/ttitle_con.gif)}
.PRODUCTS { background:url(../image/ttitle_products.gif)}
.BACKGROUND { background:url(../image/ttitle_company.gif)}
.CASESTUDY { background:url(../image/ttitle_case.gif)}

//-----HTML
<h2 class="PROFILE"><em>会社情報</em></h2>
的確なご意見以外にも何か疑われる事があれば教えて下さい。
よろしくお願い致します。

回答No.1

suzuki-_- · ベストアンサー

<div id="main">
<h2 class="PROFILE"><em>会社情報</em></h2>
</div>

とした場合、私の環境ではie6もfxもoperaでも背景は表示されませんでした

style適用の優先順位として上位にくる#main h2という指定のほうで、
background をまるまる上書きしているようなので、
リピートだけを設定するのならば、
background-repeat:no-repeat;
と変更してみてください

後は画像のパス違い等のミスも考えられます

これでも解決しない場合は、css部を１行ずつ削って確認するなど
内容をより簡潔にしながら探すことが原因解明への近道です

お礼

ありがとうございました。解決しました。
CSSを勉強したてなので一旦おかしくなるとパニクってしまいます(汗)