Styling af text-felt afhængig af valg i select

Hej ekspeter.

Jeg har en funktion på min side som sådan set virker fint. Når man vælger andet end det første valg i select'en, så disabler den tekst-feltet. Ligesom det skal være. MEN...

Stylingen af feltet efterlader en del (i hvert fald i IE8), for når man har valgt "Afsnit 1", så bliver feltet lige pludselig 3-dementionelt, hvilket det ikke var inden! Og hvis man vælger "Vælg afsnit" igen, så bliver baggrunden bare hvid igen, og det er stadig 3-dementionelt. Hvordan kan jeg slippe af med det?

Det jeg ønsker at blot at tekst-feltet bliver disabelt og at der bliver en svar grå baggrund, så man kan se at man ikke kan indtaste noget i feltet.

Min kode ser sådan ud:

<select size="1" style="width: 200px;" name="destination" onchange="a=this.form.search;if(this.selectedIndex<1){a.disabled=false;a.style.background='#FFFFFF';}else{a.value='';a.disabled=true;a.style.background='#CCCCCC'}">
<option value="0">Vælg afsnit</option>
<option value="1">Afsnit 1</option>
<option value="2">Afsnit 2</option>
</select> eller <input type="text" name="search" style="width: 200px;" value="">