The proximate cause is the following style definition:
.badges-card .progress-bar .percent, .all-badge-progress .progress-bar .percent, .badges-card .progress-bar-large .percent, .all-badge-progress .progress-bar-large .percent
{
position: relative;
top: -1px;
left: -1px;
height: 26px;
}
In particular, setting the top
and left
to an offset of -1 pixels for the progress-bar
class. If you remove these, the problem is solved, without any other obvious ill effects.
I'm not sure what the rationale is for these curious offsets—maybe fixing similar a UI bug on a different browser?