Подменю CSS беспокоит родителя li

Question

У меня проблема с меню CSS. Я хочу, чтобы родительский li не был нарушен подменю. Я хочу, чтобы родительский список имел ширину, равную содержимому текста, которое у них есть, но не внутреннему ul. Я не хочу указывать ширину родительского списка. Вот изображение.

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> 

Answer 1

Я проверил в вашем jsfiddle @ Hanzallah Afgan. Попробуйте

Удалить переполнение: скрытый CSS свойство для .nav, то откроется субменю

Answer 2

Добавить position:absolute в .subm

скрипку: http://jsfiddle.net/eryo2kjg/