List items have background color but the actual bullets do not!

[Max58kl]

Hi

I am trying to create a bulletted list that has a colored background.
The follow css code successfully applies the background color to the list
items, but for some reason does not apply the background color to the bullets.

The disk.gif image is a 10px by 10px bullet graphic.

<style type="text/css">
#menu ul{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    background-color: FFD520;
    width: 150px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    padding-top: 20;
    padding-right: 20;
    padding-bottom: 20;
    padding-left: 0;
} 
 
#menu li{
    list-style-image: url(images/disk.gif);
    display:list-item;
    } 
</style> 
 
<div id="menu"> 
<ul> 
 
<li>Item 1</li> 
<li>Item 2</li> 
<li>Item 3</li> 
<li>Item 4</li> 
<li>Item 5</li> 
</ul> 
</div> 

Can someone please help with this.

[vedika]

Add following to you stylesheet.

#menu{
background-color: FFD520;
}

[Max58kl]

Thanks for that!
Bullets now look fine.