View Full Version : jQuery Multi Level CSS Menu #2 Cross Platform Issues

01-09-2009, 07:03 PM
1) Script Title: jQuery Multi Level CSS Menu #2

2) Script URL (on DD):

3) Describe problem:

My Coding for the menu above works in IE perfectly, but not FF, Google or Safari.

Here's my site:


Why isnt the coding working in the other browsers? I validated the site on w3c.org and the only issues were with the <ul> and <li> tags which I assume were because of the css in the menu?



01-09-2009, 07:59 PM
Your not making the submenu right, here look:

<div id="myslidemenu" class="jqueryslidemenu">
<ul><!-- Essential -->
<li><a href="booking.php">Booking</a></li><!-- Main link -->
<li><a href="short.php">Short Cuts</a><!-- Don't end the li, lets call it li:a. This will be a drop -->
<ul><!-- Essential -->
<li><a href="Dogs.php">Dogs</a></li><!-- Dropdown -->
<li><a href="Cats.php">Cats</a></li><!-- Dropdown -->
</ul><!-- Essential -->
</li><!-- Ending li:a -->
<br style="clear: left" />
Take a look at the comments.

01-09-2009, 08:25 PM
Ok, I see what I did, I ended the sub categories with </li> tags when I wasnt suppose to...I cant believe I overlooked that! You just lifted 10 LBS off my shoulder! I just tested it in the other browsers and it worked great!!! THANKS!!!

01-09-2009, 08:32 PM
Haha - glad to help anytime. Your welcome. :)