The issue with the popover is that its set to display on hover of the li's which are set to display block so they take up the entire width of the container rather than the a's inside the li which could be set to inline/inline block.
The larger issue is that having screenshots to show what plate/chain/leather looks like on a race that isn't the actual item isn't really helpful. If you want to show screenshots of the actual item on different races that might be helpful.
Anyway, an accordion would probably be better for this, or a modal/lightbox triggered on click rather than on hover, since hover can be trigger by simply not moving your cursor as you scroll down the page. If you insist on using hover to trigger them, you should look into a hover-intent plugin.
|