Earlier in the day I had some free time and was like hey I'm going to do a cool drop down menu that people can use. I started creating it and everything went fine until i was done and checking it in all browsers. I noticed on hover the drop down doesn't appear at all. If i change it from display:none to block it shows fine but it seems the jquery isn't doing anything. I also read around and saw some people post problems a little similar that were resolved by adding position:relative or filter:inherit but i couldn't seem to get that working no matter what element i put it on. I was wondering if anyone could help me because I'm pretty stumbled
Your main problem is the Cufon plugin:
http://jfcoder.com/test/cufon.html
Once I remove this from the picture, the dropdown works reasonably well (with the padding issue still a problem, but that can be fixed).