islandlizard - 3:52 am on Jan 17, 2006 (gmt 0)

Use CSS

Create you nice header image. (header.png)

In your page:

<div id="header">
<h1>My Heading</h1>
</div>

in your CSS:

#header {
background-image: url(path/to/header.png);
background-repeat:no-repeat
width: XXpx;
height:XXpx;
}

#header h1 {display:none}

Done!

What this does is set your header as the background image of a <div> (sized to the width/height of your image), and simply doesn't display the <h> tag inside the <div>

This means you page is accessible to screen readers, people without CSS, search engines, etc, but still looks visually correct to the regular visitor.

Easy, huh?