debugging css

I have been trying to help someone debug their CSS for a modified theme. I’ve attempted hours of changes, and haven’t been able to fine tune a few last issues.

If you go to the following:

http://tinyurl.com/ycxns3v

There’s a navigation bar, towards the top of the page. If you hover over the links, there is background comes up behind the selected tab, with rounded top corners. However, if you hover over a tab with a drop down menu, there is an issue. In this case, only “Home Loans” has a drop down.

If you hover over “Home Loans”, the tab appears to work. However, as soon as you are hover off of it, but are hovering over the drop down list – The rounded corner on the right disappears. Also, as you hover over the “Home Loans” link, something very strange happens. In Firefox, as you hover over the first “H” and “o” in “Home”, the link is active. But once you come to the “m”, the link is not active.

There is also a bug in the drop down itself (you’ll see, if you go look). However, I would be more than happy to figure that out. Just can’t seem to determine what the deal is, with that tab.

Sure used the word “hover” a lot just now. Ha ha. I would really, really appreciate any suggestions.