Drupal Nice Menus hidden behind parent

Drupal is a great open source CMS package. There are some bugs in it with additional modules but those are being fixed by the community. One nasty bug is the one where you use nice menus and the second level menu items hide behind parent items in IE. Nice menus work perfect in Firefox and Safari but in IE they behave oddly. I had this issue with one of my websites and after a long research on it I found the fix. All you need to do is
to add following function to your nice_menus.js javascript file. This function takes care of the z-index property properly. I fixed my issue with this code and hope this will come handy for you too. Please comment if this solves your problem.

window.onload = function() {
  if (document.all) {
    var targetZIndex = 1000;
    var parent = document.getElementById('nice-menu-1');
    var children = parent.getElementsByTagName('li');
    for (var i = 0; i < children.length; i++) {
         children[i].style.zIndex = targetZIndex;
          targetZIndex--;
    }
  }
}