I rarely use :focus or :active, as they’re often unnoticeable and thus pointless. There is the occasion where they’re useful, but typically the best indicator is :hover, which is why it’s used most often. Then again, for keyboard-only users, I suppose they’d never see what :hover looks like, so I should probably start using :active.

Another problem (at least I have it) arises from the fact that the rectangle is now dran outside the element—what gave me horizontal scrollbars when I had some links placed to the right boundary of the browser window, viewport… whatever you call it. I “fixed” it by giving the links some room, but that’s not the most elegant solution.