FIR Replacement Technique - What am I doing wrong?

[takuhii]

I have my HTML:

<td align="left" id="intro">Welcome to the my website! <a href="http://wwww">Click here for more information.</a></td>

and my CSS:

#intro { display: block; text-indent: -9000px; background: url("welcome.gif") left top no-repeat; background-repeat: no-repeat; height: 80px; width: 480px; }
#intro a { display: block; margin-left: 275px; margin-top: 25px; height: 20px; width: 185px; }

But I cannot get the intro a to sit over the top of the intro text. Can anyone tell me what I am doing wrong pls?

At the moment, I have compromised by "positioning" the intro a actually over the URL area on the image, but I just want intro a to cover the whole image.

[bedlam]

Can anyone tell me what I am doing wrong pls?

Not without a bit more information--for example, are you trying to replace all the text in the td, or just the contents of the <a> element?

-b

[takuhii]

All the text has to be in the TD