I never thought I would be OCD about pixels but whenever I am involved in a Meta post with a lot of comments, I see this, and today I decided to draw some horizontal lines to prove I am not imagining it:

comments and their votes

The one that has the votes too far down is my own. (It's on Deleted questions should not disappear from the Questions list in my Profile if you would like to try to repro, but I have seen this on every question where I've had an upvoted comment, I just never took a screenshot before.) I am guessing I can't upvote it or something and this makes the spacing different. Is it like that for everyone? Is it fixable?

  • Can you please link to the comment chain in question? May 23, 2013 at 16:35
  • @RichardJ.RossIII done but it happens everywhere May 23, 2013 at 16:37
  • 2
    Spacing looks perfect in my browser (I'm using the latest version of Chrome).
    – user102937
    May 23, 2013 at 16:38
  • 1
    Same here (mobile safari 6.0). Must be an IE thing, then. If I wasn't such an apple fanboy I'd go digging in the CSS myself, but I don't want to get all dirty :) May 23, 2013 at 16:40
  • 2
    if you want to repro, gang, be sure to look not at my upvoted comments but at one of your own, and you need one of someone else's to compare to. May 23, 2013 at 16:42
  • Ah, well then it must have something to do with those invisible controls (or the lack thereof, in the case of your own comment) next to the number of votes.
    – user102937
    May 23, 2013 at 16:44
  • I am going to go mental. (mentaller?) It is not doing it on this post. At least not while I can still edit. Will look at it again shortly. May 23, 2013 at 16:47
  • @KateGregory Well, knowing this site, it's probably just been fixed already ;)
    – Servy
    May 23, 2013 at 16:54
  • Not doing it on this post, still doing it on the one I linked to. So it's something more than just whether it's my comment or not. May 23, 2013 at 16:59
  • Maybe similar to this issue: meta.stackexchange.com/questions/177775/…
    – TronicZomB
    May 23, 2013 at 17:16
  • I'm not in Compat Mode. May 23, 2013 at 17:18
  • looks perfectly fine in my Chrome & IE9
    – Xarcell
    May 23, 2013 at 17:25
  • 1
    The critical factors here are that the comment must be yours (the logged-in viewer), and have a positive score, and fit entirely on a single line (including signature and timestamp). See this image to get a feel for it. Aug 21, 2013 at 4:56
  • 1
    Oh, and no repro on latest Firefox. Looks like an IE-only bug. (Spin this.) Aug 26, 2013 at 5:25

1 Answer 1


I've found the source of the problem - it's the delete button.

screenshot taken on Firefox, in case you're wondering why it doesn't exhibit the bug

Specifically, the margin-top: 3px that applies to it. Internet Explorer does not react well to top margins of 3px or more on that button.

Firefox 24

0px That delete button just looks misaligned to me.
1px Only slightly better.
2px The delete button appears perfectly lined up to me, and nothing else appears wrong.
3px current value Again, no real problems, except the delete button is out of alignment the other way.
4px Still boring.
5px Score appears to jump up a pixel, but it's just an optical illusion caused by the bottom border of the comment giving up and expanding.

Internet Explorer 10

0px More misaligned delete button.
1px Now looking slightly better...
2px The delete button's lined up right, but the score seems to have jumped up a pixel. (Possibly, however, it's just the optical illusion again.)
3px current value The score says "stuff this, I'm outta here" and begins to move in line with the delete button, which moves progressively further downwards as expected.


.delete-tag { margin-top: 2px; }

And all your problems are solved.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .