更改下拉菜单的背景颜色

Question

我正在尝试更改背景颜色的下拉菜单.... 我试过chnage颜色的子div，但它不工作... 如何解决它... 。 提供我下面的代码....

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