Hi,

I have used PIE.js in my template. My case is as follows:
When I mouseOver on any menu item from the navigation then on hover it shows a background color (with Rounded corners). However, some of those menu items have drop-down list. When I mouseOver on any dropdown list then the main menu item hover should b there but once I leave from the drop-down list then the style of main menu item should go off as well. but its not the case :(

I dont get any idea how can I detach it, once the mouseout from the drop down.

I have used the "Superfish.js & hoverIntent.js" plugins to make the navigation drop down.

to make the menus rounded I have used the class ".curveAll8px" and to initialize the PIE I wrote it as follows:

$(function() {
if (window.PIE) {
$('.curveTop8px, .curveBottom8px, .curveAll8px').each(function() { PIE.attach(this); });
}
});

Is anyone of you have this same problem in IE7?

Please help me