line-heightについて
お世話になります
<style type="text/css">
<!--
td {
line-height:30px;
}
//-->
</style>
<form action="***.cgi" method="post" name="f">
<table>
<tr>
<td>1<br>2<br>3<br>4</td>
<td>
<input type="radio" name="a">1<br>
<input type="radio" name="a">2<br>
<input type="radio" name="a">3<br>
<input type="radio" name="a">4
</td>
<td>
<input type="radio" name="b">1<br>
<input type="radio" name="b">2<br>
<input type="radio" name="b">3<br>
<input type="checkbox" name="c">A
</td>
</tr>
</table>
<input type="submit" value="入力">
</form>
としたらFirefox,Operaではline-heightが適用されるのですがIEでは適用されずに段が異なってしまいます
<tr>を使って表示すればいいのですがelements[i]を使いたいのです
name="a"を選択したらsubmitのdisabledをfalseにしたり
checkboxを選択したら全部のチェックを外したり
name="a"の選択によってname="b"の一部をdisabledにしたりしてます
ですので恐らくelements[i]を奇数・偶数に分けたりして処理すれば<tr>を使って表示できるのだと思うのですが、これ以上複雑にしたくなかったのでlin-heightを使ったのですが何か良い手はないでしょうか？
補足
AIさんの回答は要りません