When I have two textfields inside a div, I noticed that in Chrome, Opera, and Safari, the second textfield is positioned slightly more to the left than the first one. However, in Safari and IE, it appears to be positioned correctly.
If you want to try it out yourself, here is the codepen link: http://codepen.io/anon/pen/PwoKZr
I have provided a simple image demonstrating the issue:
Below is the relevant part of the code snippet:
<body style="
font-size: 14px;">
<div id="container" class="container_16">
<div id="mainSection" class="grid_16">
<div id="newUserBox" style="
text-align: center;
">
<input id="userEmail" type="text" style="
/* text-align: center; */
width: 300px;
padding: 8px 10px;
font-size: 18px;
" placeholder="E-Mail"><br>
<input id="userPass" type="text" style="
/* text-align: center; */
width: 300px;
/* margin-right: 5px; */
margin-top: 10px;
padding: 8px 10px;
font-size: 18px;
" placeholder="Password">
<br>
<button style="
width: 324px;
margin-top: 10px;
border-radius: 0px; clear: both;
padding: 8px 10px; border: none; background-color: #3FC66F;
font-size: 20px; color: #fff;
">Log In</button>
</div>
</div>
</div>
</body>