Problem with main menu on IE9

Hello everyone!

I have a problem with the main menu on top on IE 9 (i haven't tried yet in older versions of IE ).

I want the main menu to stay on top always. I managed to do it on Chrome and Firefox and on IE 10 as well. I added this line ( navbar-fixed-top navbar-collapse-fixed-top ) at the mainnav.php file as you say at the framework's settings page.

The problem is that in IE 9 when I hover on the elements of the menu, the sub-links are white and they seem to be disappeared. It's only appeared a white box when you hover on the parents .

I deleted the (navbar-fixed-top navbar-collapse-fixed-top) from the mainnav.php and I managed to keep on top the menu with this css lines

.t3-mainnav {
position: fixed;
z-index: 1;
width: 100%;
}

But again the same problem as before on IE 9. when i remove the " position:fixed; " it is appeared properly the menu but it doesn't stay on top :/


I would appreciate if you could help me because I am totally lost!!

Thanks!!