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>&nbsp;</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 · ベストアンサー

JavaScriptを入れたからではなく、form要素を入れたからではないでしょうか。
formは上下を自動的に改行するのがディフォルトのブラウザもあります。
form{margin:0;}
で解決しませんか？

お礼

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