Another Internet Explorer Bug
You’ve heard of the three pixel jog? That’s horizontal. But there’s also a bug in IE that causes a 3 pixel vertical jog, and the usual hacks don’t work.
Like the more familiar bug, this is 3 px and float-related, as well.
I’ve encountered this bug more than once in the following scenario:
1. Inline unordered list of text hyperlinks.
2. Hyperlinks floated.
3. Any text link of multiple words will display 3 px lower than it is supposed to.
Actually, I almost think my description in (3) is backward, since IE7 displays single words roughly 3px higher than other browsers – thus the “jog” may actually be reverse: except where there are multiple words in the text link, IE displays 3 pixels above where it is supposed to.
Note that assigning a height does not work in this case. (Nor does zoom.) The only workaround I’ve discovered so far is to create a class for IE to render the item with 3px less top padding than its mates.
I queried the famous bug-quasher Big John Gallant (no relation) about this, and even he had not been previously familiar with the bug.
If you’ve encountered this IE behaviour and are aware of a fix, post away.