3 replies to this topic

[barryevans]

Hi,

 

I am using the attached custom CSS script, however for some reason it works in Firefox but not IE.

 

/*Nav bar hover colour*/
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu li.current-menu-item > a {
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(center top , #E6E6E6, #E6E6E6);
    background-repeat: repeat-x;
    color: #333333;
    text-decoration: none;
}

 

Please could you help me undestand why IE is not picking up the correct drop down hover colour of #E6E6E6

 

My site is

Please Login or Register to see this Hidden Content

 

Thanks in advance

[Danny]

Hi,

 

The reason the hover color is working in FireFox and not IE, is that your code is only for FIreFox. This line:

 

 

    background-image: -moz-linear-gradient(center top , #E6E6E6, #E6E6E6);

 

The -moz- stands for Mozilla, which I am sure you know is the company name for the creators of FireFox. For assistance in correcting your code for all browsers, see this website.

 

Please Login or Register to see this Hidden Content

[barryevans]

Thats a pretty cool site, TVM

[Danny]

No problem.