The Problem:

When creating drop-down navigation, here’s a pro tip. Don’t add a tooltip! First of all, this navigation unnecessarily uses images as text for each of the main elements, while the sub-elements are all proper text. There is no valid reason for using images in this navigation scheme — in the end, everything is text and can all be easily achieved with javascript, CSS, and plain text.

Click image to enlarge

They created a bad user experience by making those primary nav elements as images. Why? They put alt tags on the images. Alt tags are great, should be used for accessibility reasons, etc, but not in this case. In this case the alt tags entirely obliterate one of the subnav elements. Every single main nav element here is using an alt tag on their image.

Quick Fix Solution:

The fastest fix is to just remove the alt tags from the images in the navigation.

Best Fix Solution:

The best way to solve this UI issue is to rework the navigation to not use images at all. Any javascript whiz could bang this out for the site in ten minutes flat.