CSS子菜單令人不安父母li

我正面臨CSS菜單的問題。我希望父母li不被子菜單打擾。我希望父列表的寬度等於他們自己的文本內容，但不是內部的ul。我不想給父列表指定寬度。這是圖像。 enter image description here CSS子菜單令人不安父母li

CSS

ul { 
    list-style: none; 
} 
.nav{ 
    padding-left: 70px; 
    line-height: 60px; 
    overflow: hidden; 
} 
.nav > li{ 
    float: left; 
    font-size: 20px; 
    margin-right: 18px; 
    cursor: pointer; 
    background: yellow; 
} 
.subm{ 
    overflow: hidden; 
    width: 200px; 
    list-style: none; 
    line-height: normal; 
    outline: 1px solid black; 
    padding: 0; 
    background: #252525; 
    padding: 0 10px 10px 10px; 
} 
.subm > li{ 
    color: #ffde00; 
    margin: 0; 
    margin-top: 4px; 
    padding-left: 6px; 
    font-family: decker; 
}

HTML

<ul class="nav"> 
     <li>Home</li> 
     <li>Languages 
      <ul class="subm"> 
       <li>C</li> 
       <li>C++</li> 
       <li>java</li> 
       <li>c#</li> 
      </ul> 
     </li> 
     <li>About</li> 
</ul>

來源

2015-07-05 Hanzallah Afgan