cssでプルダウンを追加したい♪
ウェブサイト作成で質問がございます。
http://www.sl-success.com/hallo-casino/
上記のサイトの上部のメニューバーにプルダウンできるメニュー項目を追加したいのですが、cssを追加修正しましたら、レイアウトが崩れてしまい、うまく修正できません。
プルダウンを追加したいソース部分は以下のところです。
<tr>
<td align="center" valign="top"><div id="menu"><a href="index.html" class="frist active">HOME</a><a href="review.html">casino bonus guide</a><a href="top10/top10index.html">Online Casino TOP10</a><a href="#">free casino games</a><a href="top.html">gaming guides</a><a href="contact/contact-index.html" class="last">Contact Us</a></div></td>
</tr>
CSSは以下のように設定しております。
#menu{
background:#1D3C55;
border-bottom:#345065 1px solid;}
#menu a{
color:#E9F1F9;
text-transform:uppercase;
border-left:#001F39 1px solid;
border-right:#345065 1px solid;
padding:20px 25px 14px 25px;
line-height:42px;
}
#menu a:hover, #menu a.active{
background:#001F39;
color:#E9F1F9;
}
#menu a.frist{ border-left:none;}
#menu a.last{ border-right:none;}
CSSあるいは、JAVAを使ってどのように修正をつければ宜しいか是非、ご教授お願いします。
下のURLにhtmlとcssのファイルをアップしております。
http://www.sl-success.com/hallo-casino/ask.rar