Formattare un button ma non gli altri input

[Vincenzotto]

ho la mia class

#newsletter label{
    background-image: url(../img/bg_input.gif);
    background-repeat: no-repeat;
    width: 97px;
    min-height: 15px;
    height: auto !important;
    height: 15px;
    padding: 3px
}
#newsletter input{
    width: 85px;
    font-size: 9px;
    font-weight: bold;
    color: #565148;
    background-color: transparent;
    border: 0px;
    margin-right: 4px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} 

ho il problema che il mio button di tipo image prende la dimensione del campo input.

Ho provato ad inserire

#newsletter input[type="image"]{
    width: auto;
} 

Ma funziona SOLO con Mozilla... IE non se lo fila...

Suggerimenti?

[pierofix]

Dovresti usare un piccolo supplemento javascript per quel mona di IE:

// Recuperiamo tutti gli elementi 'input' della pagina
var inputs = document.getElementsByTagName('input')
// Scremiamo il risultato e prendiamo solo quelli con type="submit"
var submit_inputs = new Array()
for (var i = 0; i < inputs.length; i++)
{
   if ( inputs.item(i).getAttribute('type') == 'submit' )
   {
      submit_inputs.push(inputs.item(i))
   }
}
// Attribuiamo ad essi la classe CSS 'input_text'
for (var i = 0; i < submit_inputs.length; i++)
{
   submit_inputs[i].className = 'input_submit'
}

Nel CSS, poi:

input[type="submit"],
.input_submit
{
   /* le tue proprietà */
}

Sarebbe il caso di servire quel javascript solo e soltanto a IE.

[Vincenzotto]

va messo nell'onload?

[pierofix]

Sì. Meglio se nella head, così da tenere separati XHTML e javascript:

window.onload = function()
{
   // Qui il codice.
}