Css difference between firefox / mac & firefox / windows

Question

I am working on a template with a designer, and we see different things. In my browser on mac, the input field is next to the labels, but for the designer in his browser, the input fields are under the labels.

I am using eric meyer css reset, so everything should be correct. Here is a screenshot to illustrate what I mean (the left is what it should be and on the right side that it should not be)

Does anyone know how to fix this?

Answer 1

If the sizes of the fields are specified in ems, change them to px.

em , ( -, , ).

( , ).

:

input {
 box-sizing: border-box; 
 -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}   

.

Answer 2

, , , , .

a font-size width, , font-size ( ) mac. , em s, .

Answer 3

- $_SERVER ['HTTP_USER_AGENT'], php , . , html- css. , , css. . , .