IE'den nefret ediyorum... Şu js, FF de çalışıyor ama IE'de çalışmıyor :/

[Seregwethrin]

function boxx(x)
{
	if (x.className == 'box')
		x.className = 'box2';
	else
		x.className = 'box';
}

window.onload = function() {
	//INPUT FOCUS BULUR CHECK
	var old_focus = '';
	var old_blur = '';
		var bf = document.getElementsByClassName('box');
		for (var i=0; i<bf.length; i++)
		{
			old_focus = bf[i].getAttribute('onfocus');
			old_blur = bf[i].getAttribute('onblur');
			old_focus = old_focus == null ? '' : old_focus;
			old_blur = old_blur == null ? '' : old_blur;
			
			bf[i].setAttribute('onfocus', 'boxx(this);' + old_focus);
			bf[i].setAttribute('onblur', 'boxx(this);' + old_blur);
		}
}

Arkadaşlar kodun yaptığı çok basit. class adı box olan elementlerin onfocus ve blur kısmına box'larını değiştirmesi için fonksiyon koyuyor. Böylece mause ile elementlere tıklayınca arka planladı değişiyor, imleç kutuda ise açık gri değilse koyu gri oluyor örneğin. Bu kod FF'de sorunsuz çalışmasına rağmen IE'de çalışmıyor. Daha sonradan değiştirilen onfocus ve onblur attribute'leri ie 6'da gözükmüyor. Ben de her input için tek tek js yazmak istemiyorum. Nasıl başka şekilde yapabiliriz arkadaşlar?