インラインフレーム内でのテーブル位置指定が上手くいきません
インラインフレームを使用したホームページ作成中なんですが
一箇所だけどうしても解決できないことがあったので質問させていただきます
フリー素材サイトのメニューテーブルを左上フレームに使用しているんですが
htmlとスタイルシートを上手く使いこなせてないせいで
メニューテーブルの位置指定ができずにいます
テーブルは縦につなげるタイプのものです
左上フレーム内のright bottomに指定したいのですが上手くいきません
大変見苦しい点が多いとは思いますが
どなたか解決策、アドバイス等ありましたらよろしくお願いいたします
【index.html】
<html><head>~</head>
<frameset cols="220,*" frameborder="no" border="0">
<frameset rows="90%,10%" frameborder="no" border="0">
<frame src="menu.html" name="menu" scrolling="no">
<frame src="sita.html" name="sita" scrolling="no">
</frameset>
<frame src="top.html" name="main" scrolling="auto" >
</frameset>
<body>~</body>
</frameset>
</html>
【menu.html】
<html><head>~</head>
<body>
<table id="left" cellpadding="0" cellspacing="0">
<h2>サイト名</h2>
<tr><td><img src=".gif" width="80" height="47"></td></tr>
<tr><td><img src=".gif" width="80" height="4"></td><tr>
<tr><td><a href="top.html" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr>
<tr><td><img src=".gif" width="80" height="4"></td></tr>
<tr><td><a href="top.html" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr>
<tr><td><img src=".gif" width="80" height="4"></td></tr>
<tr><td><a href="top.html" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr>
<tr><td><img src=".gif" width="80" height="4"></td></tr>
<tr><td><a href="" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr>
<tr><td><img src=".gif" width="80" height="4"></td></tr>
<tr><td><img src=".gif" width="80" height="16"></td></tr>
</table>
</body>
</html>
【スタイルシート】
~
#left{
width:180px;
text-align:right;
vertical-align:bottom;
}