すべての画像が同じスタイリングとサイズ

Question

を持っているが、Firefoxは、複数の画像で最初の画像にパディングを追加するやあみんな、私はこのコードの部分を持っている：

while($uno=mysql_fetch_assoc($results)) { 
    echo '<div class="wcapt"><a class="neutral" href="../images.php?id=' . $uno['id'] . '"><img class="pad" src="'. $uno['thumbs'].'" border="0" /></a><br/><center><p>'.$uno['name'].'</p></center></div>'; 
} 

そして、私は正確に同じ大きさを持つようにリンクしてすべての画像。ここでMainstyles.css

div.wcapt 
{ 
    border: 1px solid green; 
    float: left; 
    padding: 0; 
    margin: 3px; 
    font: 11px/1.4em Arial, sans-serif; 
    color: gray; 
    } 
img.pad 
{ 
    padding: 5px; 
    } 
a.neutral 
{ 
    display: inline; 
    font-weight: normal; 
    text-transform: none; 
    background-color: transparent; 
    color: white; 
    text-decoration: none; 
    } 

問題は、Firefoxが最初の画像にいくつかの余分なパディング、そして唯一の最初の画像を追加することにあるのです。そして、これは本当に面倒です。ここではページのスクリーンショットです：

Answer 1

幸運

）=リセットCSSを使用して試してみて、問題が残っているならば、それは、ブラウザのせいではありません答えはコメントにあり、コメントの回答を受け入れることができないので、質問をしてください。

Answer 2

は、あなたはその後、完全に多くの擬似セレクタを追加

てみてください拡張子が.padクラスを削除することもできます。..

div.wcapt img { 
    padding: 5px; 
} 

を使用して、より明示的にセレクタをターゲット試してみましたここに情報 doctypeを設定する必要がありますので、これを行う必要があります。

div.wcapt img:first-child { 
padding: 2px; 
} 

Answer 3

だからこそ、"reset" cssを使用することをお勧めします。このように、ブラウザ間でこの種の矛盾はありません。

私はFirebugのを使用して、問題を考え出し、みんなありがとう、と私は答える必要があった