Question

When I apply a negative margin-top of -3px in a parent element, all the childs move to the right (in Firefox and IE8) but in Chrome looks perfectly fine (elements are centered).

What can be causing this?

<div class="menu-tab">
      <div class="folder-tab">
        <span class="normal-small-text">Ingresar<i class="icon-chevron-down icon-white"></i></span>
      </div>
</div>

The margin-top is applied in the class .menu-tab

This is in Chrome

And Firefox

Answer 1

As this seems to have fixed the issue for you, I’ll write it as an answer.

Replace:

margin-top: -3px;

with:

position: relative;
top: -3px;