検索フォームに長いテキストを打ち込むと、IE6,7で背景画像がスクロールしていきます

検索窓をCSSで飾りつけているのですが、
テキストを打ち込んだとき、フォーム以上の長さのテキストだと、
IE6,7で背景画像が左にスクロールして消えていきます。
http://www014.upp.so-net.ne.jp/kanikko/test/test …
上記のような状態です。
なにか足りないタグがあるのでしょうか。。

また、ページ更新時にフォームに打ち込んだテキストが消えないのも気になっています。

アドバイスいただけると助かります。
よろしくお願いします。

No.1 回答者： simeondun 回答日時： 2008/11/03 15:38

テキストエリアに「serch_textarea_bg.gif」という画像を使用されていますので

ここがネックになっているのではないでしょうか。

.serchbox_textarea {
-moz-box-sizing: border-box;
position: absolute;
left: 0;
bottom: 0;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
width:340px;
height:22px;
border:1px;
}

という記述ですと、スクロールせずに表示されますし、リロードすると
テキストエリア内の文字が消えますよ。

あと全くの余談ですが
bod .p {
margin:0px;
paddin:0px;
}
ではなく
body .p {
margin:0px;
paddin:0px;
}
ではないでしょうか。

この回答へのお礼

返信遅くなりすみません。
コメントありがとうございました。

検索フォームをきれいに見せたかったので、テキストエリアに背景画像を指定していました。
なので背景画像は表示したまま、スクロールしない方法を探していました。（質問がわかりにくかったかもしれません・・）

結局スクロールしない方法を探し出すことはできず；
背景画像に幅のサイズが長いものを用意し、スクロールしていることを利用者に気づかせにくくする、という方法で落ち着きました。（長い文章を打ち込まれればばれますが。。）

body .p {
margin:0px;
paddin:0px;
}
についてはそのとおりです；
ありがとうございました。

お礼日時：2008/11/10 11:17