Besoin de changer la couleur de fond des éléments de la liste dans un menu de porte coulissante dans css

Question

Cela semble assez simple, mais je ne peux pas changer la couleur de fond de mes éléments de liste dans un menu de porte coulissante dans css. J'ai changé la bordure gauche (en vert) et le texte de chaque élément de la liste (en blanc), mais je n'ai pas été en mesure de changer la couleur d'arrière-plan. Voici le code:

.slidedoormenu 
{ 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    width: 180px; /* width of menu (don't forget to add border with below!) */ 
    border-left: 8px solid #007f00; /* thick left border of menu */  
} 
.slidedoormenu li 
{ 
    border-bottom: 1px solid #885b5c; /* Gray border beneath each menu item */ 
} 
.slidedoormenu li a 
{ 
    background: white url(media/vstrip.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */ 
    font: bold 16px "Lucida Grande" , "Trebuchet MS" , Verdana; 
    display: block; 
    color: white; 
    width: auto; 
    border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */ 
    padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */ 
    text-indent: 8px; 
    text-decoration: none; 
} 
.slidedoormenu li a:visited, .slidedoormenu li a:active 
{ 
    color: white; 
} 
.slidedoormenu li a:hover 
{ 
    background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */ 
} 
.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a 
{ 
    border-bottom-width: 0; /* For last menu item within menu, remove bottom border */ 
} 
.slidedoormenu li.lastitem a 
{ 
    padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */ 
} 

Answer 1

Je ne vois pas pourquoi cela ne devrait pas fonctionner.

.slidedoormenu li{ 
background-color:#3a8f07; 
border-bottom: 1px solid #885b5c; /* Gray border beneath each menu item */}