Shading Effect Troubles

I am trying to achieve a shading effect on the intro text of this page, but as you can see I have stumbled upon some problems.

The .shade class works fine, but in order for the .noshade class to be aligned "on top" of the shading, I have to set the position to "absolute", which results in that it doesn't wrap, at all.

Does anyone have any suggestions on how I can get around this? Setting .noshade to relative instead of absolute doesn't work at all, because that simply results in coming after the .shade text, instead of on top of it.

Thanks in advance!

Is this browser specific?

I viewed it in Opera and it seems to be working fine.

*Opens up Opera and IE*

Hmm.. Yes, it only doesn't wrap in FireFox it seems. In Opera it looks fine, and in IE the white text actually wraps a word later on the last line on my resolution because of the pixel it is to the left compared to the blue text!

Any suggestions on how to fix the FF problem ?