I was working on a site where I needed a simple menu system to put along the top of the site. After trying lots of different one I came across "Superfish Dropdown Menu" and it worked great. Apart from one little bug, when you set the menu to Horizontal and had a Separator as the main menu link it did not look like the rest of the links. So at first I thought it may be I had an old version, but no newer versions had been released. So then I went to http://users.tpg.com.au/j_birch/plugins/superfish/ and tired updating all the .JS files but again nothing changed. This lead me to the CSS file, so after a little digging around I found the tags that governed the look of the links and then changed a few things around and bish bash bosh it worked.

I saw someone else had this problem so I thought I would share this with other Joomla users that where having the same problem. I have made the file downloadable so that others can overcome this problem. Now I do not claim to be a CSS Ninja or anything like that, so I offer this with no warranties or garanties this will work for you, but hopefully it will.

Tested on Joomla 1.5.9 in browsers FireFox 3 and IE7, it worked fine in both. If anyone can test it in IE6 and let me know if it works that would be great.

Download the file below, unzip it then upload "superfish.css" file to "yoursiteroot/modules/mod_superfishmenu/tmpl/css/" and overwrite the existing "superfish.css" file.PLEASE PLEASE MAKE A BACKUP OF THE ORIGINAL BEFORE OVERWRITING JUST IN CASE THIS DOES NOT WORK FOR YOU!!!!

NOTE: File now fixed, I uploaded the wrong file.