Problems with menu tabs

I am trying to work with a tabbed menu structure on this site:

https://johnslist.info

The tabs look fine when you aren’t touching them. It all goes to hell from there. ??

I think I should avoid using tooltips, but I can’t quite figure how to kill it for the tabbed menus but leave it intact for link and images.

The second level of submenus look good, but a third level and beyond look bad due to the rounded corners and vertical offset, making it pretty hard to navigate.

It also seems like I need to either broaden the focus, add a delay, or switch from a hover style to a click style, because with the tiniest twitch of your mouse you run off the submenus and have to CAREFULLY start over from the top tab… reeeeeeally lame.

Please excuse these horrific, cumulative n00b mistakes and PLEASE help me fix them. I have done pretty well in learning about CSS and Worpress so far, but this one has me stumped and I imagine the answer is pretty simple and will make a lot of sense once I see it. THANKS!

–Don

Oh, many apologies for not mentioning it, but I am using the “Fusion” theme and my tabs are made up from categories (if that matters).

–Don

OK, I did find a way to kill the tooltips in Firefox (simply add a space to the description), but this still leaves a small yellow rectangle when viewed with IE.

I have tried Technokinetics “Remove Title Attributes” plugin, but it trashes my sidebar’s category links; ugly lists of broken XML are the result. This is likely an idiosyncrasy of the Fusion theme, but I have no clue how to address it.

Oh, if only the whole world used Firefox my job would be finished! ??

–Don