Styling af input og select i css så det virker i forskellige browsere

Da jeg synes min hjemmeside kan komme til at se lidt mere prof ud, så har jeg bokset lidt med at lave mine input og select bokse pænere. Jeg har forsøgt mig med lidt af hvert men det vil ikke rigtig lykkes 100%. Jeg vil gerne indsætte en baggrundsfarve som fader ud, derfor har jeg valgt et bille som fader fra lysegrøn til hvid. Noget af det virker i Firefox, men kun lidt der virker i IE. Eksempel kan ses ved at følge linket her http://www.huggernet.dk/eeeecarq/brugte/autodele/

Jeg har prøvet altmuligt, og nu er det nærmest blevet en række af skud i tågen såsom følgende:

input[type=text] {
    background : url(/img/nicefields.jpg) repeat-x top;
    border : solid 1px #000000;
}
input[type=password] {
    background : url(/img/nicefields.jpg) repeat-x top;
    border : solid 1px #000000;
}
input[type=file] {
    background : url(/img/nicefields.jpg) repeat-x top;
    border : solid 1px #000000;
}

select {
    background : url(/img/nicefields.jpg) repeat-x top;
    border : solid 1px #000000;
}
option {
    background : url(/img/nicefields.jpg) repeat-x top;
}

textarea {
    background : url(/img/nicefields.jpg) repeat-x top;
    border : solid 1px #000000;
}

Hvordan styler man den slags felter så det kommer til at se godt ud?