Почему эта кнопка ввода отображается правильно в центре Chrome, но не в IE и Firefox?

Question

Почему эта кнопка ввода отображается правильно в центре Chrome, но в IE или Firefox появляется справа. Вот ссылка, это вторая кнопка на правой стороне:

Сайт: http://dallaspetsalive.org/about/

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> 

Это 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; 
} 

Answer 1

Свойство float: center не существует. Изменение внутреннего стиля и добавьте следующее:

float: none; 
margin: 0 auto; 

---

Ваш входной тег должен быть

<input 
    type="submit" 
    value="Subscribe" 
    name="subscribe" 
    id="mc-embedded-subscribe" 
    class="button" 
    style="float:none; margin: 0 auto;" 
/> 

Answer 2

Кнопка имеет селектор в CSS 'input.button', который имеет float: right. Это код, который я нашел с поджигателями:

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; 
    float: right; 
    padding: 6px 12px; 
    text-shadow: 1px 1px 0 white; 
} 

Если удалить поплавок право его центры на светлячок, я думаю, хром и исследователь, а также. Или в HTML:

<div style="float:none; text-align:center;">