Problem with menu

[pralay]

I have edited the
Navigation: CSSMenu - Horizontal
to get the top nevigation look like my site.
Now I have changed it like..

#primary-nav a {
background-image : url(water_new/but-resources.jpg);
background-repeat : no-repeat;
width : 127px;
height : 20px;   
display: block;
margin: 0px;
text-align : center;
padding-top : 7px; 
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color : #08496e;
font-weight : bold;
text-decoration: none;
font-weight: bold;
float:none;
}

#primary-nav li a {

}

#primary-nav li a:hover {
background-image : url(water_new/but-resources.jpg);
background-repeat : no-repeat;
background-position : 0 -27px;
width : 127px;
height : 20px;
text-align : center;
padding-top : 7px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #ffffff;
font-weight : bold;
text-decoration : none;
display : block;
float : none;
}

Now what happened that the top nevigation changed as required.
But the problem is that submenu is also taking the same css.
As you find the top nevigation elements has a background image.
But I dont want the submenu items to get the same background image. Rather it should not hold image ......only a background color.
But they are also having that image as their background image.


I should edit the css.
Please help me.
I am not that expert in this.
Please....

[Dr.CSS]

You can use #primary-nav li li a{your style} to style the sub menu items...