画像を使ったテーブルで隙間ができてしまいます

質問

画像を枠に使ったテーブルをHTMLで作成し、FC2ブログに載せています。
Chrome上ではうまく表示されるものの、IE、Firefoxでは
Rowの上に隙間ができてしまい、枠画像が正しく表示されません。

----------Tableの基本構造----------

<table cellspacing="0" cellpadding="0" border="0" width="x" height="y" bgcolor="#FFFFFF">
<tr><td><img src="左上角"></td>
<td><img src="上部"></td>
<td><img src="右上角"></td></tr>

<tr><td width="15"><img src="左１列目"></td>
<td style="color:# … ;"> 内容1</td>
<td width="15"><img src="右1列目"></td></tr>

<tr><td width="15"><img src="左2列目"></td>
<td style="color:# … ;"> 内容2</td>
<td width="15"><img src="右2列目"></td></tr>

<tr><td><img src="左下角"></td>
<td><img src="下部"></td>
<td><img src="右下角"></td>
</tr></table>

-------------以上--------------

上記のものよりも実際は行と列を増やしておりますが、基本的に増殖しているだけです。
1行目と2行目の間に隙間ができて縦の画像枠が細切れになっています。
隙間ができているのは行の下ではなく、上の部分のように見えます。（背景色の見え方などから）

テーブルのみの上記コードは、ローカル環境ではIEでも正しく表示されるため、
ブログにアップした際乱れるのは、スタイルシートの影響かと考えております。
自分でそれらしいところをいろいろ設定をいじりましたが改善しません。

ということで、
≪スタイルシートの設定で、画像を枠に使ったテーブルの隙間に影響を与えうる要素≫
が何が考えられるか教えて頂ければと存じます。

なお、使っているStyle Sheetは以下のものですが、

http://blog-imgs-30-origin.fc2.com/w/m/k/wmks/wm_gienah_R.html

TableにかかわるStyle部分はコメントアウトしましたので、テーブル自体のスタイルは
適用されていないはずです。

回答No.1

ponta1971 · ベストアンサー

ざっと見て思いついたのは・・・。

（１）ｔｄタグとimgタグの間をソースコード上で改行していませんか？していれば改行しない。
（２）枠のtdやイmgのpadding、margin、を0で指定し、border-styleをnoneで指定する。
（３）枠画像をtdの背景に指定して、td自体にはスペーサー画像を入れておく。

こんな感じでどうでしょう。

お礼

ありがとうございます。
1は問題なし、2はやってみましたが駄目、そして3は非常に面白そうで試してみたい気持ちは山々だったのですが、手番が大変そうなので最終手段として、ありとあらゆるところをいじってみました。

何をやっても駄目だったのですが、最終的にはCSSを無視してHTML部分にFont Sizeの設定をしたら回避できました。
Font Sizeの部分は最初に怪しいと思って行の高さを変えたりしていたのですが、それで解決できなかったので別要素に走ってしまっていました。まさかの展開でした。

ご回答いただいた内容をいろいろ調べて勉強になりました。
改めてありがとうございました。

＃3の方法は全くの盲点でした。試したかったけど今回は逃げてしまいました。