javascript - ドロップダウンメニューの背景色を変更

Question

ドロップダウンメニューの背景色を変更しようとしています....サブ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;
}