CSSのドロップダウンメニューが現れて、しかし、あなたがクリックして行くとき、それはここで

Question

を消えるサイトです：http://breteastman.com/stormwater-basics/

はここでドロップダウンCSS &メニューCSSです。

#menu-main-menu{margin-left:-30px;} 
#menu-main-menu a:hover {color:pink;} 
#menu-main-menu{ 
    list-style:none; 
    display:inline; 
    text-align:center; 
} 
    .main { 
     margin-top:20px; 
    } 
    #menu-main-menu li{ 
     float:left; 
    } 

    #menu-main-menu li{ 
     padding-left:5px; 
     padding-right:5px; 
     border-right:1px #fff solid; 
    } 
    .main{ 
     padding-top:-1000px; 
    } 
    #menu-main-menu li a{ 
      color:#fff; 
      font-size:1.2em; 
      text-decoration:none; 
     } 
      #navigation li a:hover{ 
       color:#399edb; 
       text-decoration:none; 
      } 


/* dropdowns */ 

/* Hiding the other chlidren */ 

ul#menu-main-menu li#menu-item-64:hover ul.sub-menu {display:block;} 
ul#menu-main-menu li#menu-item-64:hover ul.sub-menu li a {background-color:#000;padding:5px;color:#fff;margin-left:-20px;} 
ul#menu-main-menu li#menu-item-64:hover > ul.sub-menu li.menu-item > ul.sub-menu > * {display:none;} 
.sub-menu { position: absolute;display: none;float:none;list-style:none;} 
.sub-menu li { clear: both;width:225px;background-color:#000;padding:10px;border:0;text-align:left;} 
.sub-menu {list-style:none;} 

クリックすると基本的にドロップダウンがなくなります。助けてください！近くにあなたを取得する必要があります

{;なし位置：絶対;：;フロートなしのlist-style}

Answer 1

表示を取り出してみません：.SUB・メニューのどれも

.SUBメニューあなたのソリューションに。

Answer 2

スタイルシートのプロパティがありません。私はあなたがスーパーフィッシュのドロップダウンを使用しているのを見ます。

<link rel="stylesheet" media="screen" href="http://users.tpg.com.au/j_birch/plugins/superfish/css/superfish.css" /> 

、その後はちょうどあなたが望むものにあなたのウェブサイトのナビゲーションスタイルを調整：あなたは自分のスタイルシートを含めることができます。

は私のリンクを参照してください：http://jsfiddle.net/nCK2P/1/ [ちょうど例えば、使用する色を言い訳]