IEでアメブロのタイトル画像が表示されない場合の対処法

実は、今更ながら最近アメブロを始めました(^-^;)。

デザインのカスタマイズをしていて、ブログヘッダーのタイトル画像を設定したところ、IE8で表示されない（真っ白になる）現象が発覚しまして、対処方法を見つけましたので記録しておきます。

【元のCSS】
/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{
padding-bottom:4px;
}
.skinTitleArea a{
display:block;
background:url('画像URL') no-repeat;
width:980px;/* ←ココに画象の横幅のサイズを入れる */
height:300px;/* ←ココに画象の縦幅のサイズを入れる */
text-indent:-9999px;
}


↓


【修正後のCSS】
/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{
padding-bottom:4px;
}
.skinTitleArea a{
display:block;
background-image:url('画像URL');
background-repeat:no-repeat;
width:980px;/* ←ココに画象の横幅のサイズを入れる */
height:300px;/* ←ココに画象の縦幅のサイズを入れる */
text-indent:-9999px;
}

赤字の部分を修正することで、無事IE8でも表示されました〜！！！
同様の現象でお困りの方は是非お試しください♪