I Think the problem is due to the fact that Safari uses only int values to position it's elements and the other browsers uses floats values... So when you zoom the value is rounded for all browsers except Safari.
So I suggest you to use the same size to your inputs like set a height: 36px;
to your form input[type=text]
(note that you'll need to use a padding: 0px;
in that case). So your CSS began:
body{
background: #4679bd;
}
form input[type=text]{
float: left;
width: 200px;
height: 36px;
border: none;
outline: none;
padding: 0px;
}
form input[type=image]{
float: left;
width: 36px;
height: 36px;
}
I hope it will work. Have a nice day =) !