CSS Text Gradient

I tried following this guide:

CSS Gradient Text Effect

but this is what I got:
(see the blocks of gradients under: “Have experience in the following:”)

dranz1r.com

Help?

did you check that your PNG is transparent and also that you have no bg color in your span element?

What do you mean transparent PNG?

that the graphic that you use is a TRANSPARENT/ GRADIENT PNG. if your graphic is OPAQUE or if it the gradient created isnt from the BG color to completely transparent the method will not work.

My gradient is now half white, half transparent. white is in the top. please see now.

or if it the gradient created isnt from the BG color to completely transparent the method will not work.

The only way to have this work is to have it go from your BG gray to transparent.

So what should I modify in the code? What elements to modify, and how?

Nevermind, I have decided to drop out from this idea.