When an ascendant has a 'padding' (applied to one or more sides) value of '0' or higher, and a 1px-wide bottom border is drawn on :hover (or :active) on the child ('A' element), the aforementioned bottom border is drawn in the incorrect position

There should be a continual 1px-wide solid black border around the inline box when it is hovered over or activated.

Hover over this

Actual Results in IE8

It appears that an invisible outline is always drawn around the border-box of an A element, even in it's normal state. On :hover or :active, it seems as though the bottom border is incorrectly drawn outside the perimeter of the elements border-box, and this cancels out the border-bottom and outline value (whether initially invisible, or declared).