入力フィールドcss - ブラウザ間の不一致を埋める

Question

問題があります。

パディングを設定したとき：30px。入力フィールドとそのサイズは200ピクセルです。 FFでは、要素の合計幅は200pxと30pxのままです。 IEのパディングと幅を追加している間に！

IEの動作がこの状況でより正確だと思います。

この問題を解決するにはどうすればよいですか？

私はIEのみのstyelsheetを使いたくありません。あなたはどんな解決法を知っていますか？

HTML/CSS

<style> 
div#popnewsletter { 
    background:url("digital-photography-tips-newsletter.png") no-repeat scroll 0 0 transparent; 
    height:360px; 
    width:496px; 
    font: 0.8em/1.3em arial; 
    padding:188px 50px 20px 19px; 
} 
div#popnewsletter ul { 
    color: #422103; 
    list-style: none outside none; 
    padding: 35px 0 20px 40px; 
    margin: 0; 
} 
#newslettermailform { 
    height: 80px; 
    margin: 0 auto; 
    width: 430px; 
} 
#newslettermailform #nmailformemailfld { 
    background: url("newsletter-form-field.png") repeat scroll 0 0 transparent; 
    border: 0 none; 
    float: left; 
    height: 83px; 
    margin: 0; 
    padding: 0; 
    width: 260px; 
} 
#newslettermailform #nmailformsubmit { 
    background: url("newsletter-form-btns.png") repeat scroll 0 0 transparent; 
    border: 0 none; 
    float: left; 
    height: 83px; 
    margin: 0; 
    padding: 0; 
    width: 170px; 
} 
#newslettermailform #nmailformsubmit:hover { 
    background: url("newsletter-form-btns.png") repeat scroll 0 -83px transparent; 
    cursor: pointer; 
} 
div#popnewsletter p { 
    color: #FFFFFF; 
    display: block; 
    text-align: center; 
    margin: 0; 
    padding: 152px 0 0; 
    font-size: 0.9em; 
} 
</style> 




<div id="popnewsletter"> 

    <ul> 
    <li>Do you love photography?</li> 
    <li>Do you want to learn photography?</li> 
    <li>Do you want to receive tips in your mailbox?</li> 
    </ul> 


      <form id="newslettermailform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=sandrophoto', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 
      <input id="nmailformemailfld" onblur="this.value=!this.value?'Your e-mail':this.value;" onfocus="this.select()" onclick="this.value='';" type="text" name="email" value="Your e-mail" /> 
      <input type="hidden" value="sandrophoto" name="uri"/> 
      <input type="hidden" name="loc" value="en_US"/> 
      <input id="nmailformsubmit" type="submit" value="" /> 
      </form> 



    <p>*You will receive a verification message once you submit this form.</p> 

<!-- end#popnewsletter --></div> 

Answer 1

すべてのブラウザがCSS値が組み込まれていますが、CSSのリセッタをGoogleとそれはおそらく、問題を解決します。これはあなたを助けるかもしれません：Best css reset