firefoxだとトップページのcss指定画像表示がずれる

質問

9枚の画像をトップページに表示します。

配置は

123
456
789

と言った形で、サイト全体の幅820ピクセルの、上と右10ピクセルずつ余白がある位置に3の画像が配置され、残りの8枚も隣接します。

イメージ
　 -----------
│　　　　　123 │
│　　　　　456 │
│　　　　　789 │
│　　　　　　　 │
│　　　　　　　 │
　 -----------

作成方法は

各々はh2タグのリンクです。
classのタグで名前をつけ
（例えば1の画像は<h2 class="topleft><A href="###.html">###</a></h2>）
スタイルシートで以下のように位置を指定しました。
.topleft { left: 369px; top: 10px;}

ieでは問題なく表示されたのですが、firefoxの場合、
</body>の直前の文章の下に、下方向へ並んで表示されてしまいます。

firefoxでの配置イメージは

　 -----------
│　　　　　　　 │
│　　　　　　　 │
│　　　　　　　 │
│　　　　　　　 │
│　　　　　　　 │
　 -----------
1111111111111
2222222222222
3333333333333
…

という形で、サイトの幅いっぱいになるよう繰り返されています。
1111111111111
と
2222222222222
等、それぞれの画像の間は10ピクセルずつ間が空いています。

上記のような症状ですが、どのような原因、対処法が考えられますでしょうか？

わかりにくい説明で恐縮ですが、よろしくお願いいたします。

直前に同じ内容で質問させて頂いたのですが、イメージがずれているとのご指摘を頂き、締め切り後再質問させて頂きました。

回答No.2

tenderfeel · ベストアンサー

表示に違いが出る場合は大抵IEの解釈が間違ってます。

質問内容から推測できるのは、

・position:absoluteを書いてない
・width、height指定をしていない
・ブラウザのデフォルトＣＳＳのリセットをしていない（→ユニバーサルセレクタで検索）
・line-height、font-sizeを0にしていない
・親要素にposition:relativeを書いてない（body直下とかなら要らない）

以上でしょうか。

h2の用途間違ってない？とかいう疑問はソースが無いので控えます。

回答No.1

maman53

hにclassを付ける意味がようわからんが・・・