css - すべてのブラウザでの画像の周りのCSSの等しい境界線

Question

画像の周りに実線の境界線を配置しようとしていますが、画像の周りの間隔は IE や他のブラウザーで異なり、4 つの側面すべてで一貫していません。

 <div style="float:right; border:1px solid #666666; padding: 2px;2px;2px;2px;">
 <img src="images/image.jpg" alt="mining"/>
 </div>

Answer 1

ただの画像は..画像です。に追加display: block;するとimg、問題が解決します。

http://jsfiddle.net/BnB4D/2/

ところで、それは複数の値 (パディング) を宣言する方法ではありません。padding: 2px;orを使用する必要がありますpadding: 2px 2px 2px 2px;が、2px;2px;2px;2px;実際には最初の値だけを取り、最初の値の後に終了します。;