テキストボックスの背景イメージは、IE 6＆IE 7で押し出します。

Question

this jsFiddleの例を参照してください。あなたが長い値を入力するとき、私は、テキストボックスに使用している背景画像がIEにビューの外に押し出す：

ソリューション（ケースjsfiddleに削除されます）

CSS

#txt_services_by_zip_code_search{ 
    border: none; 
    float: left; 
    height: 22px; 
    width: 95px; 
    padding:0 5px; 
    background: transparent 
} 
#txt_services_by_zip_code_search_wrapper { 
    background: transparent url('http://i.imgur.com/quh2W.gif') no-repeat 0 -25px; 
    display: inline-block; 
    *display: inline; 
    zoom: 1 
} 

HTML

<div id="txt_services_by_zip_code_search_wrapper"> 
    <input type="text" name="services_by_zip_code_search" id="txt_services_by_zip_code_search" class="txt_services_by_zip_code_search" /> 
</div> 

Answer 1

古典的なIEのバグ..

クリーンな回避策はありません。 divなどの別の要素に入力をラップし、その代わりにbackgroundを適用する必要があります。 IE7で

を参照してください：http://jsfiddle.net/P47sa/3/

ここでは、ランダムなページは私と一緒に同意し、インターネット上にある：http://blogs.creative-jar.com/post/Input-backgrounds-scrolling-in-IE.aspx

ページではJavaScript/jQueryのを頻繁に使用する場合は、適用することを使用することができますHTMLを乱雑にする代わりに修正してください。