圖片在Safari和Chrome中拉伸

Question

我正在顯示大量的廣告圖片。在Firefox中，它工作正常。但在safari和chrome中，它顯示了一些strech圖像。這裏附上一個例子。任何人有任何想法如何解決這個問題？

我的代碼是什麼樣子，

<style> 
    #globalpsa { 
    width:100%; 
    height:100%; 
    border:3px double #fff; 
    margin:2% auto; 
    } 
    #globalpsa input[type="image"] { 
    width:100%; 
    height:100%; 
    } 
    </style> 

    <div id="globalpsa"> 
    <a> 
    <input type="image" src="/images/advert_images/ban2.jpg" alt="globalpsa"  
    name="globalpsa"/>   
    </a> 
    </div> 

感謝，

Answer 1

取出高度，並檢查了圖像。默認情況下，圖像是成比例的。

<style> 
#globalpsa { 
    width:100%; 
    /* height:100%; remove this */ 
    border:3px double #fff; 
    margin:2% auto; 
} 
#globalpsa input[type="image"] { 
    width:100%; 
    /* height:100%; remove this */ 
} 
</style>