Have you noticed that this input button appears perfectly centered in Chrome, but in IE or Firefox it seems to be off to the right? You can see it as the second button on the right side of this page:
Site :
HTML :
<div style="float:center;text-align:center;">
<form action="http://linkhidden" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<br /><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" style="text-align:center;float:center;" >
</form>
</div>
This is the CSS:
input.button {
background: -moz-linear-gradient(center top , #E8E8E8 0%, #D1D1D1 100%) repeat scroll 0 0 transparent;
border: 1px solid #9D9D9D;
border-radius: 15px 15px 15px 15px;
box-shadow: 0 1px 0 #F5F5F5 inset;
color: #656464;
display: inline-block;
padding: 6px 12px;
text-shadow: 1px 1px 0 white;
}