Problema document.getElementById con Firefox!

[xwilly84]

<select name="background_color" id="bgchange" onchange="bg_color()"> 
<option value="0">Silver</option> 
<option value="1">White</option> 
<option value="2">LightGreen</option> 
<option value="3">LightYellow</option> 
</select>

io faccio si che ad ogni opzione selezionata possa scattare un'azione, in questo caso cambio del colore di sfondo per il body che ha come id="bg"

richiamo tutto qui.

function bg_color() {
if (bgchange.value=='0')
document.getElementById('bg').style.backgroundColor='silver';
else if (bgchange.value=='1')
document.getElementById('bg').style.backgroundColor='white';
else if (bgchange.value=='2')
document.getElementById('bg').style.backgroundColor='lightgreen';
else if (bgchange.value=='3')
document.getElementById('bg').style.backgroundColor='lightyellow';
}

ripeto in Ie e Chrome funziona tutto....tranne in firefox!