If you start with a full sized window and then shrink it, this is what happens...

My hat has left my head.

It also works in reverse. I haven't tried any other browsers yet; this was achieved using Chrome. Help!

  • Successfully reproduced on Chrome. Jan 3, 2013 at 15:57

1 Answer 1


We've actually known about this for a while, but there's not a good, easy fix for it. Just hit refresh and it should realign itself!

  • 3
    I figured this was because the hats were absolutely positioned from somewhere "far away" in the DOM but this isn't the case! Why not just make .gravatar position:relative and calc the left/top of .hat from .gravatar rather than the window? Jan 3, 2013 at 23:29
  • [status-meh]. Jan 4, 2013 at 18:31

You must log in to answer this question.

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