How do I get rid of an element's offset using CSS?

Question

I\'ve got a positioning problem with some elements, upon inspecting it IE8 Developer tools it shows me this:

Answer 1

In my case the offset was added to a custom element with grid layout within an li while the ul was a vertical flexbox.

The pretty simple solution was to set the define the li as block element with

li {
 display: block;
}

And the offset was gone