The -9999px image replacement technique has been popular for the best part of a decade. To replace a text element with an image, you use the following code: <h1>This Text is Replaced</h1> <style> h1 { background: url("myimage") 0 0 no-repeat; text-indent: -9999px; } </style> The element’s background is displayed and it’s text is moved off-screen so it doesn’t get in the way. Simple and effective.