{solved } How to change color of top drop down menu for IE

[Zen_j1]

I have changed color of drop down menu by changing code in superfis-modified.css

 

.sf-menu li li {

background: rgba(77,77,255, 0.9);

}

.sf-menu li li li {

background: rgba(77,77,255, 0.9);

}

 

Change are reflected in firefox and crome but in IE it does show changes for IE a image called shadow is attached I need to replace the image with above code. How I am suppose to do that?

But by replacing the url with background: rgba(77,77,255, 0.9); nothing show up please Help.

 

 

 

/*** shadows for all but IE6 ***/

.sf-shadow ul {

background: url('../img/shadow.png') no-repeat bottom right;

padding: 0 8px 9px 0;

-moz-border-bottom-left-radius: 17px;

-moz-border-top-right-radius: 17px;

-webkit-border-top-right-radius: 17px;

-webkit-border-bottom-left-radius: 17px;

}

 

Solved by changing background color instead of using url

Edited January 24, 2013 by kartik_jh1 (see edit history)

[Zen_j1]

I have changed color of drop down menu by changing code in superfis-modified.css

 

.sf-menu li li {

background: rgba(77,77,255, 0.9);

}

.sf-menu li li li {

background: rgba(77,77,255, 0.9);

}

 

Change are reflected in firefox and crome but in IE it does show changes for IE a image called shadow is attached I need to replace the image with above code. How I am suppose to do that?

But by replacing the url with background: rgba(77,77,255, 0.9); nothing show up please Help.

 

 

 

/*** shadows for all but IE6 ***/

.sf-shadow ul {

background: url('../img/shadow.png') no-repeat bottom right;

padding: 0 8px 9px 0;

-moz-border-bottom-left-radius: 17px;

-moz-border-top-right-radius: 17px;

-webkit-border-top-right-radius: 17px;

-webkit-border-bottom-left-radius: 17px;

}

 

Please Help