Kendo Menu - Theme Builder - on hover, child menu transparent

[Jillian]

What CSS property am I missing or do I need to add so that my child menu will show up when I hover over the parent item in IE?

Currently, when I hover over the parent item that has a child menu, you can see the border around the child menu, but the menu itself is transparent in IE. Only after I hover over an item in the child menu does the background-color and text show up using IE.  Firefox and chrome both work as expected. I did use the theme builder based on the silver theme, but only changed the gradient of the widget and the gradient of the widget states. In order to get the gradients to show up correctly in IE, I had to add these lines of code:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3695b3, endColorstr=#00536e, GradientType=0);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3695b3, endColorstr=#00536e, GradientType=0);

Is there a better way to get the gradient working in IE and is this related to the child menu not showing?

An image is attached to show what I see.  Any ideas?

[Iliana Dyankova]

Hello Jillian,

From the provided picture it is not clear what causes the illustrated issue. Is it possible to provide a small runnable example which demonstrates your current implementation? This way I would be able to check what exactly is going wrong and provide concrete recommendations. Thank you in advance for your time and cooperation. 

Regards,
Iliana Nikolova
Telerik

[Jillian]

I have created and attached a sample project.

[Iliana Dyankova]

Hi Jillian,

Thank you for the runnable example. I discusses the case with my colleagues and it appears your requirement cannot be achieved because filters don't work well with animations. As a possible workaround I can suggest applying a custom gradient background image instead.

Regards,
Iliana Nikolova
Telerik