我的下拉菜單沒有顯示Chrome/IE中菜單的下拉部分

Question

我最近在我的網站中添加了一個下拉菜單...好吧，在向我的網站添加下拉菜單的工作中。我有列表水平顯示，但列表中的下拉部分不是..下降。我想知道如果有人能夠看一看，並告訴我我做錯了什麼？

謝謝，這是我的代碼。

HTML

<ul id="main-nav"> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">Products</a></li> 
      <ul> 
       <li><a href="#">Apparel</a></li> 
       <li><a href="#">Gloves</a></li> 
       <li><a href="#">Punching Bags</a></li> 
       <li><a href="#">Protection</a></li> 
       <li><a href="#">Accessories</a></li> 
      </ul> 
     <li><a href="#">Wholesales</a></li> 
      <ul> 
       <li><a href="#">Equipment Catalogue</a></li> 
       <li><a href="#">Wholesale Inqueries</a></li> 
      </ul> 
     <li><a href="#">Contact</a></li> 
      <ul> 
       <li><a href="#">Direct Contact</a></li> 
       <li><a href="#">YouTube Channel</a></li> 
       <li><a href="#">LinkedIn Page</a></li> 
       <li><a href="#">Facebook Page</a></li> 
      </ul> 
    </ul> 

CSS

#main-nav, 
#main-nav ul { 
    list-style: none; 
} 
#main-nav { 
    float: left; 
} 
#main-nav > li { 
    float: left; 
} 
#main-nav li a { 
display: block; 
    height: 25px; 
    line-height: 2em; 
    padding: 0 1.5em; 
    text-decoration: none; 
} 
#main-nav ul { 
    position: absolute; 
    display: none; 
z-index: 999; 
} 
#main-nav ul li a { 
    width: 80px; 
} 
#main-nav li:hover ul { 
    display: block; 
} 
/* Main menu 
------------------------------------------*/ 
#main-nav { 
    font-family: Arial; 
    font-size: 12px; 
    background: #880202; 
} 
#main-nav > li > a { 
    color: #fffff; 
    font-weight: bold; 
} 
#main-nav > li:hover > a { 
    background: #c90000; 
    color: #ffffff; 
} 

/* Submenu 
------------------------------------------*/ 
#main-nav ul { 
    background: #880202; 
} 
#main-nav ul li a { 
    color: #ffffff; 
} 
#main-nav ul li:hover a { 
    background: #c90000; 
} 

Answer 1

把這個代碼在你的代碼，並檢查

<ul id="main-nav"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">Products</a> 
       <ul> 
        <li><a href="#">Apparel</a></li> 
        <li><a href="#">Gloves</a></li> 
        <li><a href="#">Punching Bags</a></li> 
        <li><a href="#">Protection</a></li> 
        <li><a href="#">Accessories</a></li> 
       </ul></li> 
      <li><a href="#">Wholesales</a> 
       <ul> 
        <li><a href="#">Equipment Catalogue</a></li> 
        <li><a href="#">Wholesale Inqueries</a></li> 
       </ul></li> 
      <li><a href="#">Contact</a> 
       <ul> 
        <li><a href="#">Direct Contact</a></li> 
        <li><a href="#">YouTube Channel</a></li> 
        <li><a href="#">LinkedIn Page</a></li> 
        <li><a href="#">Facebook Page</a></li> 
       </ul></li> 
     </ul> 

李標籤子菜單UL標籤