PePcoMiX blog

 具体的には、以下の様に、background に画像を表示すると、その上に書いた文字が消えてしまう時がある、といった感じです。

#header {
    padding: 15px;
    border-bottom: 1px solid #669;
    color: #444444;
    text-align: left;
    background: url(images/title_bg.gif) repeat-x;
}

『消えてしまう』というか、文字をマウスで選択して反転させたり、画面をスクロールさせるなどして、再描画すると表示されます。

これは、IE6 の不具合の様で、各所で言及されています。

対策としては、スタイルに width:100%; を追記するといいらしいです。

#header {
    width:100%;
    padding: 15px;
    border-bottom: 1px solid #669;
    color: #444444;
    text-align: left;
    background: url(images/title_bg.gif) repeat-x;
}