スクロールで背景画像が隠れてしまう

質問

CSSを始めたばかりの初心者です。

フレームでメニューを表示させています。
CSSで背景画像を固定にしているのですが、
長いメニューでスクロールが出て来ると、
ブラウザの表示領域外にあったテキストの背景が白く表示され、
そこから下の背景は画像も見えず真っ白になってしまいます。
ブラウザを引っ張ると背景画像もまた出てくるのですが…
これは一体どうしたらいいのでしょう？
お答え頂けたら嬉しいです。

回答No.1

noname#100277

実際のHTMLやCSSのコードはどう成ってますか？

補足

こんなかんじで記述しています。
間違っているところなど指摘して下さい。よろしくお願いします。
body {
margin: 0px auto;
padding: 0px;
}
.menu{
font-size:80%;
color:#000000;
line-height:1.5;
padding:10px 10px 0px 12px;
margin:0px;
}
.category {
font-size:80%;
color:#000000;
border-style:none none dashed none;
border-color:#59b9c6;
border-width:0px 0px 1px 0px;
width:40px;
padding:0px 60px 0px 0px;
margin:20px 0px 0px 10px;
}
p {
font-size:10px;
color:#a9a9a9;
line-height:1.5;
width:120px;
margin:0px;
padding:10px 10px 0px 12px;
}
/* 背景 */
.main-back {
margin:0px 25px;
width:142px;
height:100%;
background-color:#FFFFEF;
background-image:url(material/mb02.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:25px bottom;
}
HTMLの方は<div class="main-back"></div>で<P>を
囲っているくらいです。