I am using an icon font for one of the list items in my main navigation.
I put this icon into it’s own class, and gave it a font size so it matches the rest of the navigation. I also had to assign a specific line height for the icon font so it lines up.
Now the problem is when I hover over the icon (I am using a background colour), there is a gap underneath which is visible as you hover over it. This wouldn’t be a problem if I wasn’t using a background colour, but I would really like to keep this.