[mcanitano]

As a fix, we've gone away from the JQuery/JS solution and simply used CSS. In the Flyout Menu CSS file (skin/common_files/modules/Flyout_Menu/main.css)

We implemented the following CSS changes [shown is the stock CSS, we have custom CSS changes in ours if you are looking at our site ]:

(does not work in IE8 or older)

Around Line 40

.fancycat-icons-e li ul {
  /*display: none; Hide this if you want transition effect to work*/
   position: absolute;
  top: 4px;
  left: 126px;
  background: white none;
  border: 1px solid #b1c6d7;
  margin: 0;
  padding: 5px 6px 5px 5px;
/*Begin transition effect */
    -webkit-transition: 0s visibility;
    -moz-transition: 0s visibility;
    -ms-transition: 0s visibility;
    -o-transition: 0s visibility;    
	transition: 0s visibility; 
    transition-delay:0.15s;
    -webkit-transition-delay: 0.15s; /* Safari/Chrome */
	-moz-transition-delay: 0.15s; /* Mozilla */
    -ms-transition-delay: 0.15s; /* Safari */
    -o-transition-delay: 0.15s; /* Opera */
	visibility: collapse;
/*End transition effect*/   
}

Around Line 57

.fancycat-icons-e li:hover ul,
.fancycat-icons-e li.over ul
{
  display: block;
/*Begin transition effect */
  visibility: visible;
/*End transition effect*/ 
}

Around Line 77

/**
 * Multi-level support 
 */
.fancycat-icons-e li:hover ul ul, .fancycat-icons-e li.over ul ul,
.fancycat-icons-e li:hover ul ul ul, .fancycat-icons-e li.over ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul ul ul
{
  /*display: none; Hide this if you want transition effect to work*/

/*Begin transition effect */
    -webkit-transition: 0s visibility;
    -moz-transition: 0s visibility;
    -ms-transition: 0s visibility;
    -o-transition: 0s visibility;    
	transition: 0s visibility; 
    transition-delay:0.15s;
    -webkit-transition-delay: 0.15s; /* Safari/Chrome */
	-moz-transition-delay: 0.15s; /* Mozilla */
    -ms-transition-delay: 0.15s; /* Safari */
    -o-transition-delay: 0.15s; /* Opera */
	visibility: collapse;
/*End transition effect*/ 
}

.fancycat-icons-e li li:hover ul, .fancycat-icons-e li li.over ul,
.fancycat-icons-e li li li:hover ul, .fancycat-icons-e li li li.over ul,
.fancycat-icons-e li li li li:hover ul, .fancycat-icons-e li li li li.over ul,
.fancycat-icons-e li li li li li:hover ul, .fancycat-icons-e li li li li li.over ul,
.fancycat-icons-e li li li li li li:hover ul, .fancycat-icons-e li li li li li li.over ul,
.fancycat-icons-e li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li.over ul,
.fancycat-icons-e li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li.over ul,
.fancycat-icons-e li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li.over ul,
.fancycat-icons-e li li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li li.over ul,
.fancycat-icons-e li li li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li li li.over ul
{
  display: block;

/*Begin transition effect */
  visibility: visible;
/*End transition effect*/  
}