更改下拉菜单的背景颜色

Question

我正在尝试更改下拉菜单的背景颜色.... 我为sub div尝试了chnage颜色，但它不起作用...... 如何解决它.... 在下面提供我的代码....

http://jsfiddle.net/3VBQ6/4/

#nav li:hover ul.sub li {
    display:block;
    height:20px;
    position:relative;
    font-weight:normal;
}
#nav li:hover ul.sub li a {
    display:block;
    font-size:11px;
    height:18px;
    line-height:18px;
    text-indent:5px;
    color:#000;
    text-decoration:none;
    border:1px solid #bbd37e;
}
#nav li ul.sub li a.fly {
    background:#bbd37e url(arrow.gif) 80px 6px no-repeat;
}
#nav li:hover ul.sub li a:hover {
    background:#e3e3e3;
    color:#fff;
    border-color:#fff;
}
#nav li:hover ul.sub li a.fly:hover {
    background:#6a812c url(arrow_over.gif) 80px 6px no-repeat;
    color:#fff;
}

Answer 1

试试这个..

#nav li:hover ul.sub {
  background: #00E248;
}

FIDDLE