JavaScriptを入れるとｔdタグ内の高さが広がる

CSSにて高さ指定もしてあるのですが、JavaScriptの記載あるtdタグの高さがIEだと広がってしまいます。
この現象はFireFoxだと現れません。
下記コードですと3段目と4段目のtdの高さが他の段に比べ広がってしまいます。
何か解決策とうございましたら、教えてください。

-----------JavaScript関数-----------
<script language="javascript">
function goNext() {
　if (confirm("確認")) {
　　return true;
　} else {
　　return false;
　}
}
</script>
-----------html-----------
<table id="tablea">
<tr><td class="b"><img src="img.jpg"/></td></tr>
<tr><td></td></tr>
<tr><td class="b"><form action="5_4modify1_pla.html" onsubmit="return goNext();"><input name="bb" type="image" src="img.jpg" width="150" height="30"/></form></td></tr>
<tr><td class="b"><form action="5_4modify1_pla.html" onsubmit="return goNext();"><input name="bb" type="image" src="img.jpg" width="150" height="30"/></form></td></tr>
　<tr><td class="b"><img src="img.jpg"/></td></tr>
</table>
-----------CSS-----------
.b {height: 30px;}
#tablea {width: 180px;
height: 200px;}
----------------------

No.1 ベストアンサー 回答者： goldfox 回答日時： 2007/08/29 18:16

JavaScriptを入れたからではなく、form要素を入れたからではないでしょうか。

formは上下を自動的に改行するのがディフォルトのブラウザもあります。
form{margin:0;}
で解決しませんか？

この回答へのお礼

解決しました!!!
大変助かりました、どうもありがとうございました。

お礼日時：2007/08/30 13:26