They're missing several pixels + the right border.
- Chrome 12.0.742.112 and 15.0.874.106 (on Windows 7)
Firefox 5? (see comments)
- Opera (see this report)
I'm fairly confident that this is a render bug in Chrome, which appears to be caused by the fact that the line wrap occurs at the end of an
It's also possible that this is a defined behaviour somewhere in the CSS3 specification since this issue only started appearing recently, but I haven't had time to check. It seems like rather undesirable behaviour though, so I'm still leaning towards bug.
That being said, it's fixable with a bit of a hack and without having to overhaul all of the CSS that's in play there. Since the edge is displayed so long as there's inline content at the end of the tag
I was hoping the Chrome team would fix this weird bug, but it doesn't look like they will. We have deployed the fix Tim Stone suggested. It will be in the next production build.
I can see a similar effect in FF5.
On SO, the last digit of the number of questions is incomplete: 1,822,31?
But I blame the browser, probably the zoom factor.
Ah, I created duplicate here, but with the solution, so I'd move it there:
In Opera the tags on the second line and further don't have padding at the start, in Webkit there are no right padding and border on all lines except the last.
To fix it you can change the
There is a jsfiddle with the current and fixed variants: http://jsfiddle.net/kizu/EaveS/
So, to fix it you must replace the following lines in the selector for the tags: