Superfish 1.4.8 not working with JQuery 1.4.2?

Superfish 1.4.8 not working with JQuery 1.4.2?

Hi guys.

I downloaded your latest superfish plugin (1.4.8) for a horizontal navbar i'm working on.

I'm using the latest JQuery (1.4.2). But the plugin isn't working properly.

I'm testing this on the example.html page without any alteration of any of the files except the html, following the instructions of the navbar (example 4) from Superfish website. here's the code:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  3. <html lang="en">
  4. <head>
  5. <title>A very basic Superfish menu example</title>
  6. <meta http-equiv="content-type" content="text/html;charset=utf-8">
  7. <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
  8. <!-- link to the CSS files for this menu type -->
  9.         <link rel="stylesheet" type="text/css" media="screen" href="css/superfish.css" /> 
  10.         <link rel="stylesheet" type="text/css" media="screen" href="css/superfish-navbar.css" /> 
  11.          
  12.         <!-- link to the JavaScript files (hoverIntent is optional)  -->
  13.         <!-- <script type="text/javascript" src="js/hoverIntent.js"></script> -->
  14.         <script type="text/javascript" src="js/superfish.js"></script> 
  15.          
  16.         <!-- nitialise Superfish  -->
  17.         <script type="text/javascript"> 
  18.          
  19.             $(document).ready(function(){ 
  20.                 $("ul.sf-menu").superfish({ 
  21.                     pathClass:  '' 
  22.                 }); 
  23.             }); 
  24.          
  25.         </script>
  26. </head>
  27. <body>
  28. <ul class="sf-menu sf-navbar">
  29. <li class="current">
  30. <a href="#a">menu item</a>
  31. <ul>
  32. <li>
  33. <a href="#aa">menu item that is quite long</a>
  34. </li>
  35. <li class="current">
  36. <a href="#ab">menu item</a>
  37. <ul>
  38. <li class="current"><a href="#">menu item</a></li>
  39. <li><a href="#aba">menu item</a></li>
  40. <li><a href="#abb">menu item</a></li>
  41. <li><a href="#abc">menu item</a></li>
  42. <li><a href="#abd">menu item</a></li>
  43. </ul>
  44. </li>
  45. <li>
  46. <a href="#">menu item</a>
  47. <ul>
  48. <li><a href="#">menu item</a></li>
  49. <li><a href="#">menu item</a></li>
  50. <li><a href="#">menu item</a></li>
  51. <li><a href="#">menu item</a></li>
  52. <li><a href="#">menu item</a></li>
  53. </ul>
  54. </li>
  55. <li>
  56. <a href="#">menu item</a>
  57. <ul>
  58. <li><a href="#">menu item</a></li>
  59. <li><a href="#">menu item</a></li>
  60. <li><a href="#">menu item</a></li>
  61. <li><a href="#">menu item</a></li>
  62. <li><a href="#">menu item</a></li>
  63. </ul>
  64. </li>
  65. </ul>
  66. </li>
  67. <li>
  68. <a href="#">menu item</a>
  69. </li>
  70. <li>
  71. <a href="#">menu item</a>
  72. <ul>
  73. <li>
  74. <a href="#">menu item</a>
  75. <ul>
  76. <li><a href="#">short</a></li>
  77. <li><a href="#">short</a></li>
  78. <li><a href="#">short</a></li>
  79. <li><a href="#">short</a></li>
  80. <li><a href="#">short</a></li>
  81. </ul>
  82. </li>
  83. <li>
  84. <a href="#">menu item</a>
  85. <ul>
  86. <li><a href="#">menu item</a></li>
  87. <li><a href="#">menu item</a></li>
  88. <li><a href="#">menu item</a></li>
  89. <li><a href="#">menu item</a></li>
  90. <li><a href="#">menu item</a></li>
  91. </ul>
  92. </li>
  93. <li>
  94. <a href="#">menu item</a>
  95. <ul>
  96. <li><a href="#">menu item</a></li>
  97. <li><a href="#">menu item</a></li>
  98. <li><a href="#">menu item</a></li>
  99. <li><a href="#">menu item</a></li>
  100. <li><a href="#">menu item</a></li>
  101. </ul>
  102. </li>
  103. <li>
  104. <a href="#">menu item</a>
  105. <ul>
  106. <li><a href="#">menu item</a></li>
  107. <li><a href="#">menu item</a></li>
  108. <li><a href="#">menu item</a></li>
  109. <li><a href="#">menu item</a></li>
  110. <li><a href="#">menu item</a></li>
  111. </ul>
  112. </li>
  113. <li>
  114. <a href="#">menu item</a>
  115. <ul>
  116. <li><a href="#">menu item</a></li>
  117. <li><a href="#">menu item</a></li>
  118. <li><a href="#">menu item</a></li>
  119. <li><a href="#">menu item</a></li>
  120. <li><a href="#">menu item</a></li>
  121. </ul>
  122. </li>
  123. </ul>
  124. </li>
  125. <li>
  126. <a href="#">menu item</a>
  127. </li>
  128. </ul>
  129. </body>
  130. </html>


Problem 1: superfish does not fade the menu items and arrows are missing.
Problem 2: when I resize my browser width under 898px, my horizontal bar turns on. 

I tried to fix the problem by switching back to JQuery 1.2.6, it works but there are plugins that I want to use, but won't work since it needs JQuery 1.4.x (ie. cross-slide is the plugin i want to use).

I ran the javascript console and i got something on Line 75 on JQuery 1.4.2 saying "Uncaught Syntax Error, Unrecognized expression: ." I don't know if that has to do with anything.

I really want Superfish Navbar to work in JQuery 1.4.2 since I have not found a better substitute for horizontal tab navbars.

Please help.

I Attached the folder that I downloaded and I also have both JQuery 1.2.6 (what the original download came with), and JQuery 1.4.2

Thanks.