CSS Margin does not work equal in all browsers in some cases

I normally use firefox for development, and in a recent issue I used margin-top and ok but in safari and Google Chrome I not get the same layout. Normally margin works fine in all browsers.

I did not find the pattern for this situation but the solution is use the equivalent to margin attribute used. In my case margin-top and -webkit-margin-before was used to compensate the difference.