Could someone help me with adding 'box-shadow' tag to menu css which works also on IE?
I want to add this attribute to my menu but it only works fine on FF and chrome not on IE.
When I add this code "-moz-box-shadow: 3px 3px 5px #c1c1c1;
-webkit-box-shadow: 3px 3px 5px #c1c1c1;
box-shadow: 3px 3px 5px #c1c1c1;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c1c1c1')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c1c1c1');"
to menu css it adds shadow behind the <div> element but on IE it adds shadow to every element which is in this <div>.
I've found a solution but I can't use it in my menu becouse of my little experience.
Link to the solution I've found: http://robertnyman.com/2010/03/16/drop- ... -browsers/
I'm using:
CMS: v1.10.3;
MenuManager: v1.7.7;
Menu: cssmenu_ulshadow.tpl;
Menu css: Navigation: CSSMenu - Horizontal;
I will appreciate any help.
P.S.: Sorry for my english. I'm not experianced in this too
