下拉菜单展示位置＆amp;宽度问题

Question

我的“关于”下拉菜单存在问题：http://pamperland.net/selindobeta/

我希望子链接的宽度大约为120px，背景颜色与父级不同。不知怎的，我添加了这些属性，这就是我得到的。父链接将大小翻倍并向下移动，子链接没有指定颜色属性。

Answer 1

试试这个

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

Answer 2

背景正在改变，因为第一个li中的标签也被选中，你应该写：

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

intead of

li:hover a

并且，双重大小调整是因为浮动，只需使用display：block，而不是：

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

Answer 3

尝试这个

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