Here’s a weird thing I encountered yesterday. I’m trying to do a simple list-based rollover menu.
However, for some reason in IE each item has a two pixel gap between it and the next, despite the fact that in the CSS border-bottom is set to 1px.
When I change the font from Arial to Trebuchet MS, however, the problem goes away! The only thing I’ve changed is the font-family. This doesn’t make any sense, does it?
Any help would be much appreciated.