1
私はをダブルドロップダウンメニューの作り方を理解するに取り組んでいます。私が働いているドロップダウンナビゲーション - 2つの階層メニュー（CSS/HTML）
ライブページ：http://www.glustik.com/dustreeproductions/
「エンターテイメント」ボタンは、ドロップダウンで唯一となります。 私は親の選択肢を設定しましたが、ホバリングしたときにはそれぞれのバンドのリストが小さくなります。
例： - 二ドロップダウンが親ドロップダウンメニューの右側に表示されます 「ダンス」は、約7バンド（バンド＃7バンド＃1）を持つことになります。
ご協力いただければ幸いです。私はしばらくこのことに苦しんできました。
マイRelavant HTML（NAV）マークアップ：
<div id="main-nav">
<div id="nav">
<ul>
<li id="company"><a title="Company" href="http://www.glustik.com/dustreeproductions/company.php"></a></li>
<li id="entertainment"><a title="Entertainment" href="http://www.glustik.com/dustreeproductions/entertainment.php"></a>
<ul id="sub">
<li id="dance"> <a href="http://www.jasontanzer.com/guitarist-original-music.asp">Dance</a></li>
<li id="classicRock"><a href="http://www.jasontanzer.com/guitarist-shows-covers.asp">Classic Rock | Top 40 | Rock</a></li>
<li id="country"><a href="http://www.jasontanzer.com/commercial-tv-film-jingles.asp">Country</a></li>
<li id="rockabilly"><a href="http://www.jasontanzer.com/composer.asp">Rockabilly | Reggae | Bluegrass | Other</a></li>
. . . . . and so on.
私のCSS（NAV）マークアップ：
#nav #company a {
background:url(../images/navigation/nav-company.png) no-repeat;
display:block;
text-decoration:none;
width:103px;
margin:20px 27px 0 20px;
height:20px;}
#nav #company:hover > a {
background-position:0 -20px;}
#nav #company a:active {
background-position:0 -40px;}
body#body_company #company a {
background-position:0 -40px;}
#nav #entertainment a {
background:url(../images/navigation/nav-entertainment.png) no-repeat;
display:block;
text-decoration:none;
width:168px;
margin:20px 27px 0 0;
height:20px;}
#nav #entertainment:hover > a {
background-position:0 -20px;}
#nav #entertainment a:active {
background-position:0 -40px;}
body#body_entertainment #entertainment a {
background-position:0 -40px;}
. . . . . and so on.