表單和輸入元素在IE11和Firefox上看起來與Chrome相比不同

Question

我的購物車的圖像看起來不同於Chrome到IE/firefox。 （鉻是直的，但IE/FF的位置略低）

我希望他們都看起來一樣的鉻。我運行normalize.css我很是新手程序員，所以記住這一點，請你能幫助我，下面是HTML和CSS：

HTML

<li> 
    <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr"  method="post" class="shopping"> 
     <input type="hidden" name="cmd" value="_cart"> 
     <input type="hidden" name="business" value="HUUDRV4678LJG"> 
     <input type="hidden" name="display" value="1"> 
     <input class="input1"type="image" src="http://asknaturalhealth.com/img/shopping1.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> 
     <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> 
    </form> 
</li> 

CSS：

.shopping { 
    position: relative; 
    display: inline; 
    top: 40px; 
    left: 1080px; 
    margin-left: -1000px; 
} 

    .shopping .input1 { 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

Answer 1

試試這個：

.shopping { 
     position: relative; 
     display: inline; 
     top: 40px; 
     left: 1080px; 
     margin-left: -1000px; 
    } 

     .shopping .input1 { 
     -webkit-box-sizing:border-box; 
     -moz-box-sizing: border-box; 
     box-sizing: border-box; 
}