不能得到下拉菜單的子菜單與父母的寬度相同

Question

我是一個HTML/CSS新手，我似乎無法讓我的子菜單具有與其父菜單相同的寬度。

http://jsfiddle.net/whitelatino/g8Lxxksg/1/

HTML：

<nav> 
    <ul> 
     <li><a href="#">Musiker del</a> 

     <ul> 
      <li><a href="#"> Musikere </a> 
      </li> 
      <!--Make litte hover color change for all nav --> 
      <li><a href="#"> Koncerter</a> 
      </li> 
     </ul> 
     <li><a href="#">Hyr Kunstnere</a> 
     </li> 
     <li><a href="#">Forum</a> 
     </li> 
     <li><a href="#">Kontakt</a> 
     </li> 
    </ul> 
</nav> 

Answer 1

添加靜態寬度此

nav ul ul li a { 
    border:1px solid #ccc; 
    padding: 15px 40px; 
    width:50px; 
    background-color:#FFF; 
}