Removing transparency in menus

Removing transparency in menus

Hi, I am new to jQuery and I am having some issues. My company uses IE6 and I have been able to make a drop down menu with sub menus work...but I do have a small problem. All of the sub-menus have a transparent background. I need the background to be a solid color and I am not sure how to do that. Here is what i have for the css 

.posmenu, .posmenu ul {
margin: 0;
padding: 0;
width: 200px;
position: relative;
list-style-type: none;
}

.posmenu a:link, .posmenu a:active, .posmenu a:visited {
padding: 0.4em 0 0.4em 0.5em;
width: 100%;
position: relative;
display: block;
border-left: 12px solid #FF944D;
border-right: 1px solid #FF944D;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
background-color: #FFFFFF;
color: #000;
font-size: 85%;
font-weight: bold;
text-decoration: none;
}

.posmenu a:hover {
border-left: 12px solid #EE7723;
border-right: 1px solid #EE7723;
background-color: #F2851E;
color: #000;
}

.posmenu li {
float: left;
position: relative;
}

.posmenu ul {
display: none;
position: absolute;
}

.posmenu li ul {
left: 220px;
bottom: 0;
}

.posmenu ul ul ul{
top:auto;
}

.posmenu li ul ul ul {
    left:200px;
    
}

.posmenu li li li {
background-color: #FFFFFF;
}

and here is what I have for the jQuery:

function mainmenu(){
$(" .posmenu ul ").css({display: "none"}); // Opera Fix
$(" .posmenu li").hover(function(){
$(this).find('ul:first').css({visibility: "visible",display: "none"}).show(450);
},function(){
$(this).find('ul:first').css({visibility: "hidden"});
});
}

 
 
 $(document).ready(function(){
mainmenu();
});

Thanks.