Javascript kan ikke trække fra variabel korrekt

Har et problem der er ved at drive mig til vanvid.

Har skrevet et simpelt javascript:

 setInterval("fade_billede()", 100);
 
 var par_billede1 = 1;
     
 function fade_billede() {
 if (par_billede1 > 0) {
     par_billede1 -= 0.1;
     alert(par_billede1);
 }

...Men den opfører sig ikke som jeg gerne vil have den til!

Jeg vil gerne have den til at alerte: 0.9, 0.8, 0.7, 0.6 .... osv, hele vejen til 0.

Men i stedet alerter den: 0.9, 0.8, 0.7000000000000001, 0.6000000000000001, 0.5000000000000001, 0.40000000000000013, 0.30000000000000016, 0.20000000000000015, 0.10000000000000014, 1.3877787807814457e-16, -0.09999999999999987.....

Hvorfor disse besynderlige tal?? Har jeg skrevet noget helt forkert, eller...?



edit:

En måde at løse mit problem på ville være hvis jeg IKKE skulle bruge opacity som kun løber fra 0 - 1...

Er der et godt alternativ til opacity som løber fra 0 - 100 i stedet for, som vil fungere i alle browsere?

Så kan jeg også få et meget mere smooth fade, det ville være fedt!

Har prøvet med noget filter værk, men kan ikk rigtig få det til.

Hvis nogen har et bud til et af disse spørgsmål ville det være awesome!