problema con suma de variables

[cholyberreteaga]

hola amigos, tengo el siguiente problema:

estoy jugando con el atributo opacity, sumandole o restandole valor, para luego mediante un setTimeut() lograr hacer un efecto de degrade, pero tengo un problema cuando quiero sumarle al atributo en cuestion un valor.

osea:
function fadeOn(id){
var ele = document.getElementById(id).style;
suma = ele.opacity + 0.1

bla bla bla
if(suma<1){
ele.opacity = suma
setTimeout("fadeOn(id)"), 500)
}
}

pero la variable "suma", no hace mas que concatenarme ambas variables en lugar de sumarlas, en vez de obtener por ejemplo 0.3+0.1=0.4 obtengo 0.30.1

alguien sabe como puedo salir de esto?
saludos y gracias desde ya!
choly