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

質問

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

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

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

回答No.1

simeondun

テキストエリアに「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;
}
についてはそのとおりです；
ありがとうございました。