html - 列サイズ html に合わせる

Question

私は周りを見回してきましたが、テーブルに関する情報が多すぎるため、答えが見つかりません。

2 つのメニューが必要ですが、上揃えは同じです。各列に異なるコンテンツを配置すると、各列の高さが異なります。td タグ、テーブル タグ内に高さを設定し、パディングとマージンのスタイルをどこでも変更しようとしましたが、できませんでした。

50以上のメニューをやる必要があるので、そうでない解決策を教えていただければと思います<td height="150px">。テンプレートに近いもの。

コード: http://jsfiddle.net/3zqLT/1/

<table border="1"><tr><td>

<table><tr><td>
    Menu 1
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>

</td></tr></table>

</td><td>

<table height="100%"><tr><td>
Menu 2
<ul>
<li>Item</li>
<li>Item</li>
</ul>

</td></tr></table>

</td></tr>
</table>

これどうやってするの？

あなたが私を助けてくれることを願っています。

編集:テーブルを使用している理由は、上から下ではなく、左から右に同じ高さのメニューが必要だからです。

編集: div を使用し、テーブルを使用しないソリューションを見つけました。しかし、テーブルでこれを修正する方法を知りたいです。