perché ottengo un problema di allungamento del pulsante su IE? - css, internet-explorer

Ho un pulsante sulla mia pagina di accesso che risulta allungato in tutte le versioni del browser IE.

Guarda il mio sito live nero "LOGIN" qui: www.urbanclaim.com

questo è il codice che uso per questo pulsante: (visualizza il codice sorgente per la struttura del modulo)

<input style="margin-left:15px;"  type="submit" name="Submit" class="button" value="<?php echo JText::_("LOGIN") ?>" />

Come posso risolvere questo problema su ie ?? Grazie.

risposte:

Il tuo pulsante funzionerebbe correttamente in IE8 / 9, ma hai questo:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

che forza quei browser ad emulare IE7, che è l'unica versione che ha effettivamente un problema con il tuo pulsante.

Per correggere IE7 (e altre versioni di IE in modalità IE7 ..):

• Sul label questo è il genitore di .art-button-wrapper, modificare margin-left: 300px a padding-left: 300px. Aggiungi anche display: block. Apporta le stesse modifiche a quello successivo label.

Vedi in IE7: http://jsbin.com/akavef/3

<!--
<label style="margin-left:300px;font-weight: bold; ">
-->
<label style="padding-left:300px;font-weight: bold; display:block ">