Incorrect positioning on a element?

[louisameline]

I open this issue for future reference to demonstrate how a position may sometimes seem incorrect but is actually not.

Example with this html:
<h1 class="tooltip" title="World">Hello</h1>

This is how the tooltip is rendered:

It looks like a bug. But if you set a yellow background to the <h1> tag, you'll understand what's going on:

You can see that the element is actually bigger than it seems, and that the tooltip is accurately positioned on it. Sometimes it's the opposite: an element looks big but is actually small and it's just its content which is overflowing.

The bottom line is: make sure your element has the size you think it has.