css IE7でスクロールすると背景が消えてしまう・・

質問

IE7でスクロールすると背景が消えてしまうのですが、何か解決法はありませんでしょうか？IE6とFirefoxでは問題ありません。検索して、いろいろ試してみたのですが、ダメでした。
該当のCSSはこんな感じです。

#MVP {
display:table;
overflow:none;
z-index:4;
line-height:19px;
height:100%;
text-align:left;
padding:0px 20px 0px 20px;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
width:500px;
background:url(http://hime-blog.jp/img/backtable.png);
}
* html #MVP {
width:540px;
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://hime-blog.jp/img/backtable.png',sizingMethod='scale');
}
*:first-child+html #MVP {
}

設置ページは
http://hime-blog.jp/MVP/
になります。

どうぞよろしくお願いいたします。

回答No.1

noname#83877 · ベストアンサー

まず先にいくつか気になる点を

・　display:table;は使わない方がいいです。IE6で見れません。
・　overflow:none;というものは存在しません。
・　filterはIEの独自拡張機能です、使わない方がいいです。
・　理解されているのであれば良いのですが* htmlという書き方は一般的にIE用とされていますが、その他多くのブラウザで動作してしまいます。
条件付コメントの利用を推奨します。

とりあえずdisplay:table;のところから見直して見るほうが早そうです。
widthの指定からしてボックスの幅の修正をしようとしているようなので、そこだけハックを使い(おそらく!importantハックで十分です)、display:table;とfilterをやめてみてください。

お礼

いろいろ勉強になりました。
どうもありがとうございました♪

回答No.2

noname#83877

display:table;はIE7でも使えませんね・・・
修正します。