Question

I’m trying to top – center the pinterest logo for just checking purpose. But it is not perfect when I compared with Pinterest website.

Please Check this http://jsfiddle.net/Nwk5Q/embedded/result/

Then go to http://pinterest.com You can see that the logo is somehow differing in the left position.

I checked in my computer and saw that it was around 10px difference in the left position. Why is it so? I copied the same code which pinterest is using.

Answer 1

It’s called scrollbar:-D

Since you have left:50% and the standard-scrollbar is 20px wide, you are left with 10px offset;)

You can add

body { overflow-y:scroll }

to be sure.