下拉菜單位置和寬度的問題

Question

我有一個問題與「關於」下拉菜單中的位置：http://pamperland.net/selindobeta/

我想孩子鏈接到有大約120像素的寬度和具有不同的背景顏色比家長。不知何故，我添加了這些屬性，這就是我得到的。父鏈接將大小加倍並向下移動，子鏈接不具有指定的顏色屬性。

Answer 1

背景正在發生變化，becase的先在李標籤也被選中，你應該寫：

li:hover ul a 
    { 
     background: #2f3036; 
     color: #fff; 
    } 

這一翻譯的

li:hover a 

和，雙上漿發生becase的的浮動，只需使用顯示：塊，而不是：

li > ul li { 
    display: block; 
    float: none; 
} 

Answer 2

試試這個

ul li:hover > ul { 
    display: block; 
    position: absolute; 
    right: 630px; 
    top: 136px; 
    width: 100px; 
} 

Answer 3

試試這個

ul li:hover > ul{ 
    position: absolute; <-- Added 
    top: 40px; 
} 
ul > li{ 
    position: relative; 
} 
li > ul > li{ 
    position: static; 
}