CSS IEの入力ボックス「パディング権」の問題

Question

問題を見つけたので、Googleで検索してみましたが、ここでも正しい解決策が得られませんでした。

私は<input type="text" class="email_box" border="0" style="padding-left:10px; padding-right:10px; margin:0; border:0;" />

問題を含むdiv名#email_input_boxを持っているが、テキストをパディングである私は簡単なことしてみましょう...、それは他のブラウザでは正常に動作します、しかし、それはIE7で動作しません。

は、ここに私の.email_boxクラススタイリング

.email_box{ 
    width:160px; 
    height:26px; 
    background:url(images/inputbox_email.png) no-repeat; 
    line-height:26px; 
    color:#969595; 
    font-family:Tahoma, Geneva, sans-serif; 
    font-size:12px; 
    font-style:normal; 




} 

だとここに私のdiv #email_input_boxスタイリング

私はIE7のpadding-右の問題で助けを必要と

#email_input_box{ 
    width:180px; 
    height:26px; 
    float:left; 
    position:absolute; 
    top:60px; 


} 

です。ありがとう！

Answer 1

入力にはの境界属性がありません。削除してください。

<input type="text" class="email_box" style="padding-left:10px; padding-right:10px; margin:0; border:0;" /> 

これが問題を解決する可能性があります。ただし、そうでない場合でも、削除する必要があります。

また、入力を含むdivは入力よりも幅が狭いです。